- 38
- 77 801
Desadesain
Indonesia
เข้าร่วมเมื่อ 2 พ.ย. 2019
Visual design, Graphic Design, Illustration and UI/UX Design
Cara Membuat Hero Section Website dengan Navigation Bar | Tutorial Belajar Figma Bahasa Indonesia
Hai Warga Desadesain!
Hari ini kita bakal belajar membuat hero section dengan navigation bar. Dalam kasus ini, website yang akan dibuat adalah sebuah ecommerce penjualan baju & sepatu olahraga.
0:00 Intro
0:43 Membuat navbar
14:29 Membuat konten teks & objek foto
18:24 Membuat button CTA
23:41 Membuat mega menu
28:47 Hasil Akhir
29:33 Outro
━━━━━━━━━━━━━━
Join our discord community or support us in general!
designhelium.com/desadesain
━━━━━━━━━━━━━━
Track Info 1
Honey by Moow th-cam.com/video/QaSX5xBnq-4/w-d-xo.html
Track Info 2
Infinity by LEMMiNO soundcloud.com/lemmino
Creative Commons - Attribution-ShareAlike 3.0 Unported- CC BY-SA 3.0
Free Download / Stream: bit.ly/infinity-lemmino
Music promoted by Audio Library th-cam.com/video/acMvadQs0Rw/w-d-xo.html
━━━━━━━━━━━━━━
#figma #figmatutorial #component #library #designsystem #instance #componentvariant #variant
Hari ini kita bakal belajar membuat hero section dengan navigation bar. Dalam kasus ini, website yang akan dibuat adalah sebuah ecommerce penjualan baju & sepatu olahraga.
0:00 Intro
0:43 Membuat navbar
14:29 Membuat konten teks & objek foto
18:24 Membuat button CTA
23:41 Membuat mega menu
28:47 Hasil Akhir
29:33 Outro
━━━━━━━━━━━━━━
Join our discord community or support us in general!
designhelium.com/desadesain
━━━━━━━━━━━━━━
Track Info 1
Honey by Moow th-cam.com/video/QaSX5xBnq-4/w-d-xo.html
Track Info 2
Infinity by LEMMiNO soundcloud.com/lemmino
Creative Commons - Attribution-ShareAlike 3.0 Unported- CC BY-SA 3.0
Free Download / Stream: bit.ly/infinity-lemmino
Music promoted by Audio Library th-cam.com/video/acMvadQs0Rw/w-d-xo.html
━━━━━━━━━━━━━━
#figma #figmatutorial #component #library #designsystem #instance #componentvariant #variant
มุมมอง: 567
วีดีโอ
Menguasai Component Variant di Figma - Part 2 | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 3292 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal belajar mengenai component variant. Video ini merupakan lanjutan dari video tutorial component dan berhubungan erat dengan component properties. Jadi tolong ditonton terlebih dahulu ya video terkait supaya kalian bisa memahami sepenuhnya topik bahasan kali ini. 0:00 Intro 0:15 (4) Edit variant 3:50 (5) Conflicting variants 5:18 (6) Missing variant 6:07 ...
Menguasai Component Variant di Figma - Part 1 | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 5722 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal belajar mengenai component variant. Video ini merupakan lanjutan dari video tutorial component dan berhubungan erat dengan component properties. Jadi tolong ditonton terlebih dahulu ya video terkait supaya kalian bisa memahami sepenuhnya topik bahasan kali ini. 0:00 Intro 0:27 Brief intro: Component properties 1:15 (1) Apa itu variant 3:38 (2) Cara memb...
Menguasai Component Variant di Figma Dalam 20 Menit | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 4592 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal belajar mengenai component variant. Video ini merupakan lanjutan dari video tutorial component dan berhubungan erat dengan component properties. Jadi tolong ditonton terlebih dahulu ya video terkait supaya kalian bisa memahami sepenuhnya topik bahasan kali ini. 0:00 Intro 0:27 Brief intro: Component properties 1:15 (1) Apa itu variant 3:38 (2) Cara memb...
Menguasai Component Properties di Figma Dalam 15 Menit | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 6732 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal belajar mengenai fitur baru di component, yaitu component properties. Fitur ini merupakan salah satu fitur yang sangat penting karena dapat membuat proses desain kita menjadi lebih mudah dalam membuat reusable components. Tonton video component terlebih dahulu ya sebelum nonton video ini. Link tutorial component : th-cam.com/video/tzzpYkARPx8/w-d-xo.htm...
Update Mei 2022 Autolayout di Figma | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 1112 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal ngobrol tentang Autolayout di Figma ya. Autolayout membuat hidup designer menjadi lebih mudah loh! Video ini merupakan video pelengkap dari tutorial autolayout sebelumnya dikarenakan ada update fitur dari Figma. Meskipun demikian, video sebelumnya tetap relevan karena prinsip yang digunakan tidak berubah. Jadi tonton dulu ya supaya kalian tidak bingung ...
How to Create Basic Mobile Menu List with Toggle Switch | Figma In 5 Minutes
มุมมอง 3252 ปีที่แล้ว
Hai Warga Desadesain! "In 5 Minutes" merupakan series video tutorial dengan durasi kurang dari 5 minutes tanpa ada voiceover di dalamnya. Short and Sweet :) Dalam video kali ini saya akan menunjukkan pada kalian bagaimana cara membuat basic mobile menu list dengan toggle switch. Semoga dapat menginspirasi proses desain kalian ya! ━━━━━━━━━━━━━━ Join our discord community or support us in genera...
Menguasai Component di Figma - Part 2 | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 2772 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal belajar mengenai component. Fitur ini merupakan salah satu fitur yang sangat penting karena dapat membuat proses desain kita menjadi lebih mudah dalam membuat design system yang konsisten. Tonton video part 1 ya sebelum nonton video ini. 0:00 Intro 0:36 Insert instance 2:42 Swap instance 5:20 Instance overrides 10:47 Reset & detach instance 13:27 Outro ...
Mastering Component in Figma - Part 1
มุมมอง 4472 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal belajar mengenai component. Fitur ini merupakan salah satu fitur yang sangat penting karena dapat membuat proses desain kita menjadi lebih mudah dalam membuat design system yang konsisten. 0:00 Intro 0:34 Apa itu component? 3:03 Cara membuat component 5:29 Organize component 12:57 Outro ━━━━━━━━━━━━━━ Join our discord community or support us in general!...
How to Create Neumorphic Toggle Switch in 12 Minutes | Figma Tutorial
มุมมอง 2382 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal bermain-main di dunia neumorphism (soft UI), lebih tepatnya membuat elemen UI toggle switch dengan gaya neumorphic. Dalam pembuatan elemen tersebut, kalian akan menggunakan autolayout, component dan variant ya! Jadi pastikan kalian sudah memahami fitur ini dengan baik. 0:00 Intro 0:18 Apa itu neumorphism? 0:46 Toggle Switch 12:36 Kesimpulan 12:47 Outro ...
Mastering Styles in Figma in 10 Minutes | Figma Tutorial
มุมมอง 2162 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal ngobrol tentang styles di Figma ya. Styles wajib banget digunakan kalo kalian pengen proses design kalian menjadi lebih efisien. Ada 4 styles di Figma, yaitu text, color, effect & grid. 0:00 Intro 0:15 Apa itu Styles 0:45 Text styles 4:50 Color styles 7:00 Effect styles 8:26 Grid styles 10:17 Outro ━━━━━━━━━━━━━━ Join our discord community or support us...
Menguasai Autolayout di Figma - Part 2 | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 1692 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal ngobrol tentang Autolayout di Figma ya. Autolayout membuat hidup designer menjadi lebih mudah loh! Coba cek video part 1 dan pelajari Frames & Constraints dulu sebelum kalian menonton video ini. 0:00 Intro 0:38 Nested autolayout 2:31 Distribution & Alignment 4:11 Contoh kasus 10:12 Outro ━━━━━━━━━━━━━━ Join our discord community or support us in general...
Menguasai Autolayout di Figma - Part 1 | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 2582 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal ngobrol tentang Autolayout di Figma ya. Autolayout membuat hidup designer menjadi lebih mudah loh! Coba pelajari Frames & Constraints dulu sebelum kalian menonton video ini. 0:00 Intro 0:38 Apa itu autolayout 5:45 Padding 7:59 Resizing 11:38 Outro Jangan lupa tonton part ke 2 ya! :) ━━━━━━━━━━━━━━ Join our discord community or support us in general! des...
Menguasai Constraints di Figma dalam 16 Menit | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 5332 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal ngobrol tentang Constraints di Figma ya. Constraints mengatur child objects untuk "memposisikan" dirinya sendiri ketika terjadi perubahan dimensi parent frame. Coba pelajari Frames dulu sebelum kalian menonton video ini karena kedua topik ini sangat berkaitan. 0:00 Intro 0:38 Apa itu constraints? 1:45 Position constraints 4:51 Resizing constraints 6:42 ...
Menguasai Frames di Figma dalam 14 Menit | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 1.6K2 ปีที่แล้ว
Hai Warga Desadesain! Hari ini kita bakal ngobrol tentang Frame di Figma ya. Frame sangat penting di Figma karena merupakan salah satu pondasi yang akan sering kita gunakan saat membuat sebuah desain. 0:00 Intro 0:39 Apa itu frame? 7:51 Cara membuat frame 10:38 Hierarki frame ━━━━━━━━━━━━━━ Join our discord community or support us in general! designhelium.com/desadesain ━━━━━━━━━━━━━━ Track Inf...
Menguasai Tools di Figma | Tutorial Belajar Figma Bahasa Indonesia
มุมมอง 3.1K2 ปีที่แล้ว
Menguasai Tools di Figma | Tutorial Belajar Figma Bahasa Indonesia
Introduction to Figma for Beginner - 2022
มุมมอง 1.4K2 ปีที่แล้ว
Introduction to Figma for Beginner - 2022
AirBox : Cloud Storage Service | Figma Presentation View
มุมมอง 1814 ปีที่แล้ว
AirBox : Cloud Storage Service | Figma Presentation View
Torres del Paine Landing Page | Figma Presentation View
มุมมอง 1734 ปีที่แล้ว
Torres del Paine Landing Page | Figma Presentation View
Smart Home App | Figma Presentation View
มุมมอง 1.2K4 ปีที่แล้ว
Smart Home App | Figma Presentation View
#5 Pengenalan Pen Tool Part 4 | Series Tutorial Dasar Illustrator
มุมมอง 844 ปีที่แล้ว
#5 Pengenalan Pen Tool Part 4 | Series Tutorial Dasar Illustrator
Calm Forest Illustration with Grain Texture | Illustrator Speed Art
มุมมอง 1.4K4 ปีที่แล้ว
Calm Forest Illustration with Grain Texture | Illustrator Speed Art
How to Create Neumorphic (Soft UI) Button | Figma Tutorial
มุมมอง 17K4 ปีที่แล้ว
How to Create Neumorphic (Soft UI) Button | Figma Tutorial
#4 Pengenalan Pen Tool Part 3 | Series Tutorial Dasar Illustrator
มุมมอง 1194 ปีที่แล้ว
#4 Pengenalan Pen Tool Part 3 | Series Tutorial Dasar Illustrator
3 Kriteria Desain Logo Keren | Kamu Harus Nonton!
มุมมอง 1034 ปีที่แล้ว
3 Kriteria Desain Logo Keren | Kamu Harus Nonton!
Can I get figma design file
So cool
salm kenal yaaa
kak, kalo kita udah bikin desain di frame desktop tapi di privewnya malah jadi frame iphone itu kenapa ya?
di tab prototype, pilih frame yg sesuai ya, jadiin desktop juga
such complex for small color things too, illustartor the
Can I get figma design file
thanks! How to do this with text?
Mantap sangat ramah pemula tutorialnya bang. Saya ikut kursus tapi malah loncat2 ga runtut seperti vidio tutorial ini mantap... Bener mudah di p as hamil. 👍🏻👍🏻👍🏻👍🏻👍🏻 Thang you bang.
Sy lagi belajar ai... Dan mengikuti persis step by stepnya.. tapi pas masuk ke live paint.. itu punyaku g bisa.. kalo group.. ya langsung ke group..jadi satu warna semua.. bingung
Mau subscrribe ..keren2.. tapi udah g aktif..
gimana cara supaya bisa jadi pilihan ya icon nya?
Iconnya dijadiin component dalam satu frame/section/page yaaa 👍
Terima Kasih kak, sangat membantu
Saran aja bang,jangan terlalu cepat pas pake pentul nya,kasihan yang pemula mau belajar bang🙏🙏
Thank you ♥
saya dapat banyak kunci baru beljar dari video ini, terima kasih mass,,,, berkah dan sehat selalu untukmu , ^_^
jokam bang?
Great tutorial, great song.
Terimakasih ini sangat membantu 🙏
Biar tambah ngerti pake narasi..tks
bang. saya mau nanya tentang desain
terimakasih Kak atas materinya, sehat selalu dan semoga sukses!
konten sangat menarik, terima kasih mas atas ilmu yang di berikan
Detail dan mudah dipahami. Semangat bang, semoga berkembang kontennya ✊
Lanjut bro turorialnya, mantab
Ga bisa ngezoom ngecilin lembar kerjanya gt
bisa pake scroll+ctrl ya mass
Bang gwe pake figma tp ga bisa gerakin zoom layernya bang knpa ya itu?
Ini figma yang free kan bang?
mas, itu yang swap car biar icon mudah diganti gimana ?
masing2 icon dijadiin komponen, trus dimasukin ke dalam frame yg sama yaa. nanti instance dia di komponen baru bisa diaplikasiin instance property
ball is life
Bruh u soft like a robot
i dont understand anytNice tutorialng! all the tutorials out there are so complicated and everyone is saying its easy, beginning to tNice tutorialnk i might be
better place, I want to take tNice tutorials seriously and tryhard my way into tNice tutorials industry. The people who put in the most work are the most
mantap ...
bermanfaat sekali
kak mau nanya
I literally just so LOVE 😍 your choice of soundtrack for this tutorial, it got me watching it over n over....😋😋 Your tutorial is truly great and simple.
Thankyou 😍
Kak maaf tanya aplikasi untuk screanshoot nya pakai apa ya
Bs pake snipping tool bawaan komputer kak
40:00 tutorial grain
Haloo, keep it up bangg
Many Thanks!🤩
ka, mau tanya . Kalau udah terlanjur bikin objek dijadiin frame, terus kita mau bikin objek itu jadi objek lagi, gimana yaa?
Contoh objeknya apa kak?
Bisa diklik kanan trus pilih ungroup
@@Desadesain Alhamdulillah bisa ka . makasihh banyak. Ilmunya manfaat 🥺
sama sama :)
Semangat bang, sangat bermanfaat 👍
suka bangettt. buat desain thumbnail ini sangat menarik hehehe terimakasih 🙌
Kalau satu daerah mau banget nih kursus di rumah secara langsung.
Auto subs 👍
Wahh kerenn, sangat bermanfaat
terima kasih kak, kontennya sangat bermanfaat, ditunggu konten-konten menarik selanjutnya...
Kalau sketsa pake foto bisa gak mas
bisa kok kak, jatohnya kayak tracing gt, kan kita bs insert photo ke dalam AI
ini kalo kasus nya ga bisa compund path, trouble nya dimana??
emang ga bsnya/errornya gmn mas?
Very nice effect