Menguasai FIGMA untuk Pemula + Bikin UI Desain Food Delivery

Подписаться 20 тыс.

Просмотров 364 тыс.

50% 1

Menguasai FIGMA dalam 30 MENIT + Bikin UI Desain Homepage Aplikasi Food Delivery
🎨Jasa Desain Grafis & Animasi : / ariedzgn_
😉Hire me on fiver : www.fiverr.com...
💡Belajar Figma Untuk Pemula : • Belajar Figma Bareng
🤗👍Donasi Channel Insightnesia (OVO / GoPay / Dana / LinkAja) : saweria.co/ins...
Figma adalah editor grafis vektor dan alat prototyping dengan berbasis web serta fitur offline tambahan yang diaktifkan oleh aplikasi desktop untuk Mac OS dan Windows. Aplikasi pendamping Figma Mirror untuk Android dan iOS memungkinkan untuk melihat prototype Figma pada perangkat seluler. Rangkaian fitur Figma berfokus pada penggunaan dalam antarmuka pengguna dan desain pengalaman pengguna dengan penekanan pada kolaborasi waktu nyata (real- time).
Prototyping Tutorial : • Membuat Prototyping & ...
File Figma : www.figma.com/...
Bahan Gambar & Icon : www.mediafire....
Figma Tutorial Playlist : • Belajar FIGMA dasar de...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Music: Inspire by Wavecont
Video Link: • Wavecont - Inspire (Co...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
==============================================================
InsightID PLAYLIST :
Adobe Premiere Pro Tutorial - PLAYLIST
www.youtube.co....
PowerPoint Tutorial - PLAYLIST
www.youtube.co....
PowerPoint Template - PLAYLIST
www.youtube.co....
SpeedArt Design Series - PLAYLIST
www.youtube.co....
Web Design Tutorial - PLAYLIST
www.youtube.co....
==============================================================
Social Media
Instagram : / insightnesia
Thanks For Watching and LIKE, COMMENT, & SUBSCRIBE

Опубликовано:

16 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 354

@maulanaichsan263 Год назад

Mas open joki buat interface ga?😭

@Insightnesia Год назад

ke ig @ariedzgn_ ya

@aubi_aa Год назад

Makasih ini bermanfaat bgt, padahal aku dah overtinking sama coding yg buat puyeng ternyata ada tools yg bagus 🤩

@farisalvaro2059 10 месяцев назад

figma cuma buat design aja kalo mau siap pake tetep harus ngoding😂

@aubi_aa 10 месяцев назад

@@farisalvaro2059 iya ding baru paham setelah penerapannya

@barashofiyan2303 6 месяцев назад

Figma cuman prototype bro

@spicad153 Год назад

Parah sih ini, bisa² gw baru nnton video yg bermanfaat gini di 2023 🤧 akhirnya ketemu channel yg pembahasan nya sesuai sama yg gw mau

@srirahayunm3678 2 года назад

Wow masya Allah bagus bet videonya. Informative and aesthetic

@yerrrnjae 2 года назад

Penjelasannya mudah dimengerti, makasih banyak ilmunya kak

@robertosetiawan6371 3 года назад

keren bang!, baru mau belajar tau tentang figma, eh ternyata buat UI Design

@belajarbersama8432 3 года назад

Terimakasih banyak ...... Sangat Membantu... semoga menjadi amal jahiriyah

@adiennularif827 2 года назад

Terimakasih penjelasan mudah dipahami untuk pemula,

@ganta82 4 месяца назад

penjelasan dengan info short cut dll .. ok.. terus berkarya Bro

@hendrawijaya3930 Год назад

Makasih bantuannya mas atas totorial nya mudah2 supaya bisa bagus desain ini saya baru aja belajar mas tentang figma saya blum tau apa pun. Menunya dan lain lain semoga diterima amal baiknya dengan yang di atas

@Minreytoko 11 месяцев назад

makasih banyak ka saya tertarik banget dengan UI&UX

@TegarPenemuan 2 года назад

Keren bang, Saya sangat suka videonya mudah dipahami dan informatif. Terimakasih banyak.

@zakiii0559 3 года назад

Tutorial banget untuk pemula kak😁keren bgt

@eastjavaID 3 года назад

Makasih kak. Saya yang baru belajar figma jadi lebih paham penggunaanya. Moga kakak sukses selalu.👍

@Insightnesia 3 года назад

aamiin, senang bisa membantu

@adeliamhrni8548 7 месяцев назад

Terimakasih banyakkk kak.. Sehat selaluuuu

@asepsaha-rg2iv 5 месяцев назад

saya mumet bang makasih!

@dimensi_studio 16 часов назад

Mantap bang, terima kasih

@MrYodi93 Год назад

Kweren mas tutorialnya, saya subs ya kebetulan juga masih baru2 belajar figma baru basic banget typography, color, label, button ma layouting duh puyeng

@Insightnesia Год назад

wahh makasih banyakk 🤗 cek di playlist kita ya, banyak tutorial figma lainnyaa

@MrYodi93 Год назад

@@Insightnesia siap mas, sambil saya coba belajar bkin UI design difigma ky gitu 👍🏻

@tripinpenida Год назад

Figma ini cuman untuk desain aja ya bg? Gak sepenuhnya bisa di publis apps desain nya?

@Insightnesia Год назад

iyaa, tools desain

@cathrienagustin2619 Год назад

keren dan sangat membantu.. detail dan dikasih tau cara short cut nya

@hestifeby7550 9 месяцев назад

Terimakasi informasinya

@iwandev7798 Год назад

bagus banget penjelasannya, mudah di pahami buat saya yang baru belajar

@entizdreamland2738 2 года назад

Keren sih, cuman perlu dipelajari lebih dalam

@5.journey-s Год назад

Kak, vidio ini ada kelanjutan nya ga? Kaya prototyping nya gitu, Atau sampe jadi aplikasi yg siap di gunain

@Insightnesia Год назад

di sini ya ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_HNGF1QWF18.html

@hadiantonurachman3286 2 года назад

Terima kasih kak, saya baru mau belajar tentang UI/UX mobile

@AkhtarRafieAhlami Месяц назад

Mantap mas👍

@big9290 2 года назад

Mudah dipahami, dan easy listening juga, auto subs!!!

@Insightnesia 2 года назад

Wiii makasi banyakk

@big9290 2 года назад

@@Insightnesia Semangat ngontenya kak, semoga semakin sukses kedepanya! Amin

@Insightnesia 2 года назад

@@big9290 aamiin, terima kasih doanya ❤

@iamhuman9999 Год назад

berguna banget, makasih ya ❤️❤️🙏🙏🙏🥰🥰🥰🌹🌹🌹🌹

@riz1030 2 года назад

Recommended 💯 berkah selalu ilmunya bangg!

@dimaswhyy514 2 года назад

Terimakasih banyak bang keren sangat memudahkan dan penjelasannya mudah difahami

@setopriambodo243 2 года назад

Bikin tutorial selanjutnya mas keren banget penjelasannya

@Insightnesia 2 года назад

siappp

@adriannmaulana1123 5 месяцев назад

Very helpfull for my exams so thank you so much sir

@bibenlazer 2 года назад

Terimakasih bang ilmunya semoga sehat selalu dan di permudah rezekinya 👍

@istiqomahnurkholifah9661 9 месяцев назад

Makasih kak sangat membantu 🙏🙏

@nushould 3 года назад

Makasih banget ilmunya 🙏

@alwaystryanderror2329 3 года назад

Mohon maaf,kalau bisa saya request cara buat Memphis background di figma?

@ZidanGaming9 3 года назад

Bang saya mau nanya, saya udah ada desain appsnya terus saya mau jadikan desainnya itu ke apps jadi nah cara biar sama antara si desain dengan appsnya itu sendiri gimana bang ?

@Insightnesia 3 года назад

mungkin blog ini bisa membantu : tech-id.netlify.app/articles/id514118/index.html atau coba gunakan plugin figma namanya zeplin

@inkscapefreecourse 2 года назад

Mas maaf. Apakah untuk layout sebuah app itu ada copyright nya ? Karena kebanyak layout web itu hampir sama dan mirip apakah tidak masalah mas

@Insightnesia 2 года назад

saya belom pernah denger ada brand/product yang mendaftarkan layout design product mereka ke HAKI si, jadi bisa dibilang aman. Lagipula layout sebuah design gabisa didaftarin ko

@kesumaphew3955 Год назад

Bang di sidebar tombol inspect saya kok engga ada ya itu cara ngatasinnya gimana?

@Insightnesia Год назад

samping tombol share, ubah modenya ke developer mode

@kimsong3155 2 года назад

keren bang, mantap2, jd pengen belajar👍

@RandraAndhisanjaya Год назад

kak mau tanya. saya kan download softwarenya figma nih terus pas klik plugin ga muncul kaya di contohkan. mohon bantuannya kak

@Insightnesia Год назад

aksesnya lewat browser aja

@amaraalleo3205 Год назад

Kak mau tanya, di app figma ku kok ngga ada Pilihan Bring Forward dan Send backward nya ya?

@Insightnesia Год назад

Walahh masaa?, tinggal klik kanan loh itu

@amaraalleo3205 Год назад

@@Insightnesia Iya kaa, sdh qu klik kanan tpi tetep ngga ada pilihan nya

@wiyanbarkah7918 2 года назад

kak mau tanya yg kategori ko yg saya si component yang terakhir pas minuman ko ga sembunyi yah ke bawah framenya jdi keluar batas gitu, itu cara nyembunyiinya gimana yah kak?🙏

@Insightnesia 2 года назад

Klik framenya, trus centang clip content dibagian kanan tengah

@wiyanbarkah7918 2 года назад

@@Insightnesia terimakasih kak 🙏

@inkscapefreecourse 2 года назад

Mas izin bertanya, kalo untuk icon ,logo ,text, navigasi apakah ada ukuran mutlak nya ketika kita membuat desain UI

@Insightnesia 2 года назад

biasanya ada design guidenya, kaya icon harus 24 px, terus bottom bar harus 56px, jadi ada aturan standardnya sebenernya

@inkscapefreecourse 2 года назад

@@Insightnesia nama keyword nya apa ya mas 😁

@Insightnesia 2 года назад

@@inkscapefreecourse design guide for mobile ui design

@ahmadsahal6588 3 года назад

terimakasih banyak bro, izin save dan izin belajar

@drenovgaming8311 Год назад

Menyenangkan 😍

@icharamang235 Год назад

Makasih banyak kak buat tutorialnya, jadi makin suka belajar UI. Semangat terus kak😍😍

@Insightnesia Год назад

sama sama, silahkan cek playlist belajar figma barengnya yaa biar belajar lebih dalam

@anandahaezahnursabrina5957 Год назад

Mau tanya kalo gambar nya itu dicari sendiri di google gtu atau bikin sendiri ya

@MasAL_ Год назад

thankyou mass

@bhremada 3 года назад

Makasih banyak bro, lumayan dapet beberapa tips pake figma. Semoga sukses selalu bro

@Insightnesia 3 года назад

aamiin, makasi kak

@isrohidayat2807 3 года назад

Menampilkan rollernya dmn gan?

@Insightnesia 3 года назад

@@isrohidayat2807 file -> view -> ruler

@mriefqihidayat7483 2 года назад

Kok saya selalu trouble saat buat asset nya ya mas. sebelu CREATE COMPONEN itu digrup dulu semua apa gimana sihh

@Insightnesia 2 года назад

ga harus di grup dlu, di blok semua objek trus create component juga bisa

@mriefqihidayat7483 2 года назад

@@Insightnesia udah terlanjur digrup, mau move 1 item misal "text" malah gerak semua. Ga ada fitur semacam ungrup ya?

@bilalshandyartasyamsudin1778 2 года назад

makasih bang ilmunya sangat bermanfaat

@kura.kitchen 2 года назад

Mas mau tanya klo gambar kaya icon sarapan, minuman, fast food bikin apa cari dimana?

@Insightnesia 2 года назад

di flaticon, masukin aja keyword rice,juice,etc

@marfadzikry 2 года назад

bro, desain itu buat aplikasi bkn? gue masih bingung kalo bikin desain kyak gituan, buat apanya? mohon jawabannya bro.. thanks.

@Insightnesia 2 года назад

jadi untuk development sebuah aplikasi itu ada tahapannya, nah sebelum dicoding atau didevelopment ke developer, ada proses namanya Protototyping, diproses ini kerjaannya seorang UIUX Designer buat bikin tampilan desain sesuai research yang dilakuin, nah setelah itu baru ditesting ke user dan kalo udah fix baru dikasih ke developer buat dijadiin aplikasi android

@marfadzikry 2 года назад

@@Insightnesia ohhh, jadi uiux itu cuma buat gambaran aplikasi yang ingin dibuat ya? Setelah jadi desain uiux nya diberikan ke sang editor aplikasi. Begitu kah?

@Insightnesia 2 года назад

@@marfadzikry iyaa, bukan ke editor, tapi ke developer (frontend & backend)

@muhammadrizkiramadhan6089 Год назад

Bg izin bertanya, gimana y bg cara munculin garis pembatas yg bisa kita atur sendiri itu y bg?

@Insightnesia Год назад

ke view, terus ruler, baru kalo dah ada rulernya tinggal tarik ke workspace

@sabilnieyu5799 2 года назад

tutorialnya bagus bgt, tp videonya bikin pusing, krn gerakan scrol nya naik turun bolakbalik bikin pusing dan gk nyaman

@yunindyadwianugrah Год назад

Kak izin tanya, kalau icon pilihan menu nya biar bisa ke scroll atau jalan harus pakai coding ya? Makasih sebelumnya🙏

@Insightnesia Год назад

kalo maksudnya di prototyping mungkin bisa liat video ini ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_HNGF1QWF18.html, tapi kalo di build aplikasi harus dicoding

@Wahyuhidayat-p7r Год назад

Kak apps ini apa bisa kita buat di integrasikan ke WA, share apps by WA dan si client bisa menggunakan apps kita, dan cukup login menggunakan no HP?

@Insightnesia Год назад

kalo untuk desian prototypingnya bisa di share ke siapapun, cukup kasih aja link prototypingnya ke mereka

@henrasimanjuntak5920 Год назад

bg punya saya pda saat instal community kok disuruh try out yh?? ijin bg bntu jwab.

@Insightnesia Год назад

iya itu sama aja ko

@mitaafita7254 4 месяца назад

Kak mau tanya kok tampilannya beda ya sama di aku. Kalo di aku cuman open in figma gak ada yg kayak dupplicate atau install juga

@Insightnesia 3 месяца назад

ini maksudnya figma communitynya kah?, itu tutorial 3 tahun lalu, jadi pasti ada beberapa yang beda, bisa cek video terbarunya yaa

@rahmatrifdimansbt5363 Год назад

kak maaf mau tanya iconly 2-500+ itu ngambilnya gimna kak? kok gk nemu" yaa

@Insightnesia Год назад

di sini ya, sekarang dia bentuknya plugin www.figma.com/community/plugin/861001888228800074/Iconly-v2.3

@fazaareza5507 2 года назад

Bang tolong bikin tutorial ui/ux design make ipad

@Insightnesia 2 года назад

yahh saya gapunya ipad :')

@fazaareza5507 2 года назад

@@Insightnesia semoga channel lu maju terus yah bang, gua tunggu tutorial nya

@feryindrawanto125 3 года назад

Konten ini penjelasannya melebihi guru saya, auto sub🗿

@Insightnesia 3 года назад

tengkyuu

@elenagustina2251 3 года назад

Kak itu gimana caranya copas iconnya biar bisa pindah ya? Punya saya gabisa pindah icon search nya

@Insightnesia 3 года назад

copy paste kaya biasa aja

@edwardman6621 Год назад

Om, pas ke prototype yg muncul hanya backgroundnya, apa yg salah ya om ya? Terimakasih omm

@Insightnesia Год назад

component lainnya pastiin ada di dalem frame, coba cek layernya, biasanya itu karena masih di luar frame

@edwardman6621 Год назад

Trims om

@christensen7292 Год назад

kenapa memilih lewat web ka? tidak menggunakan software.

@Insightnesia Год назад

Gaada alasan khusus kok, lebih suka aja

@npchannelreborn 2 года назад

Bang ini klo udah jadi terus yang kita kasih ke client berupa source file atau apa?

@Insightnesia 2 года назад

Bisa file figmanya atau link prototypingnya

@suanid5481 2 года назад

Bang mau tanya, itu waktu abang ngetik muncul tulisan di layar itu pake aplikasi apa gimana.? Please bales bang

@Insightnesia 2 года назад

carnac namanya : www.softpedia.com/get/System/OS-Enhancements/Carnac-Code52.shtml

@slideaway8829 2 года назад

keren ilmunya, asik juga ya bikin ginian

@rizkiputra2842 3 года назад

Tidak semua plugin free ya mas? Saya install plugin ada yg disuruh bayar

@Insightnesia 3 года назад

hmm kalo yg saya ambil dari community figmanya si kebetulan gratis semua mas, tapi kalo yg dari luar memang ada yang berbayar.

@willyramadhan4679 Год назад

Kak dapat aset stock gambar, vectornya biasanya dpt dari mana?

@Insightnesia Год назад

bisa cari di freepik

@nawgtchannel6119 Год назад

Itu kalo yng offside jadinya bisa di scroll ke samping apa gmn bang?

@Insightnesia Год назад

mesti di prototyping jadi horizontal scrooling, tutorialnya cek di deskripsi, liat playlistnya

@udontknowme2980 3 года назад

keren tutorial nya, btw itu pake software apa buat yg shortcut di bawah kiri video?

@Insightnesia 3 года назад

Carnac namanya

@gebyberlianahalim3693 8 месяцев назад

bang,kenapa community saya bukan dibawah recent tapi dibawah kiri dari figma?

@Insightnesia 8 месяцев назад

Udah update, karena ini video 2 tahun lalu

@Kanael_ML 2 года назад

kalo mau jual hasilnya biasa pasarnya dimana bang?? kalo bsa d buatin konten gtw

@Insightnesia 2 года назад

kalo mau jual semacam UI Kit gitu bisa di envato market aja, maap kalo bikinn kontennya gabisa, karena saya belom ngelakuinnya

@acridresoluteid 2 года назад

Mas cara nabrak gambarnya gitu gmn mas? Di bagian minuman

@muhammadhanif9963 Год назад

gan, untuk memunculkan ketikan di sudut kiri bawah apakah ada aplikasi pihak ke3 kah?

@Insightnesia Год назад

ohh itu pake carnac

@Xtraordinery Год назад

Untuk shortcutnya sama kaya corel ya mas.?

@Insightnesia Год назад

emm saya kurang tau karena gapernah pake corel, tapi mirip2 kaya illustrator/photoshop juga ko

@makrom4662 2 года назад

Bang sekarang g ada ruler disamping itu.. yg bisa buat save placar

@Insightnesia 2 года назад

maksudnya gmna ?

@alfathwalihambarsiregar8522 Год назад

mas kok link mentahannya gabisa dibuka ya

@SalesAdmin-o9e Год назад

Ini hanya desain saya kan ya ?. Kalau mau dibuat program / aplikasi yang sesungguhnya pakai apa ?

@Insightnesia Год назад

pake android studio

@nadiachristinak5787 Месяц назад

Trs biar bisa di klik2 gitu gimana kak kaya website2? Kirim ke client nya gimana

@Insightnesia Месяц назад

di prototyping, tutorialnya ada di video terbaru

@nadiachristinak5787 Месяц назад

@@Insightnesia kak harus bayar domain ya?:"

@muhammadmauluddinfajrin7024 5 месяцев назад

bang kok di figma sekarang gk ada inspect yah?

@Insightnesia 4 месяца назад

Aktifin dev mode nya di kanan atas

@williamwijaya6949 2 года назад

Kak mau tanya ketika kita salah pilih icon atau apapun itu dan sudah di copy paste cara untuk delete nya gimana ya kak? Terima kasih 🙏

@Insightnesia 2 года назад

dihapus seperti biasa aja, objeknya -> delete

@dph6539 2 года назад

kok saya di bar "Design" gak ada menu Iphone, Android, Tab dll ya mas?

@dph6539 2 года назад

gak jadi bang udah ketemu, setelah ubek-ubek hee

@lalisalisaav8685 Год назад

Kk izin bertanya, bagaimana yaa kk kalo buat pengembangan media pembelajaran melalui figma ini buat tugas akhir, akan tetapi web seperti ini ada batas masa trial nya.. nahh apakah web seperti itu yang ada batas masa trial nya bisa dijadikan buat tugas akhir (skripsi)? Terima kasih

@Insightnesia Год назад

masa trial figma itu sekitar 3 file project, tapi kalo filenya dijadikan draft bisa dibikin sebanyak mungkin ko, jadi bisa bisa aja buat dijadiin tugas akhir

@teamsi.6015 2 года назад

Kak mo tanya untuk zoom objeknya gimna yaa caranya soalnya aku bingun kak

@Insightnesia 2 года назад

tekan ctr, trus scrool atas dan bawah buat zoom in zoom out, kalo geser2 kanan kiri atas bawah teken spasi, trus klik kiri dan di arahin

@danangxiimipa2540 2 года назад

bang itu cara nampilin tempat narik save area gimana di saya kok ga ada

@Insightnesia 2 года назад

ke tab view -> ruler, setelah itu tarik dibagian rulernya ke frame

@abitrafi8923 2 года назад

mau tanya bang punya saya plugins nya kok gaada user profiles nya ya?

@Insightnesia 2 года назад

Coba dicek udh beneran keinstal atau belum, kalo ttep gaada pake plugins "avatar" aja

@abitrafi8923 2 года назад

@@Insightnesia oke makasih bang

@bagusp3056 2 года назад

19:54 itu gimana caranya bisa kepotong dr frame ya? Soalnya q coba ga bisa kepotong

@Insightnesia 2 года назад

ga masalah ko, itu karena pengaturan preview framenya yang clip content dicentang

@mrjean9376 2 года назад

5:05 itu fitur bisa ngasi garis pembatas / save area gitu kok gk ada yaa bang di figma nya?? sekarang saya lagi nyoba dan gk nemu garis yg di video

@Insightnesia 2 года назад

diaktifin dulu, ke tab view -> ruler, baru ditarik

@mrjean9376 2 года назад

@@Insightnesia iyap, maap gk ngedit komen nya, iya tadi saya udah aktivin fitur ruler nya, thx btw 🙏🏻, auto subs lah 👍

@edwardman6621 Год назад

Roll yg gak muncul ambil dimana ya om?

@JEN-wj2ez 3 года назад

Ka mau tanya kalo misal kita bikin bar home di bawah kaya kk itu, kalo kita swipe nya vertikal biar bar home nya itu gak ke ikut ter swipe itu gima caranya ?

@Insightnesia 3 года назад

coba tonton video yg ini ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_HNGF1QWF18.html, mungkin bisa membantu, jadi pas di horizontal/vertical scrool, bar home itu jgn ikut di grup sama komponen yg mau dijadiin vertical scrool, dan pastiin bar home tersebut ada di paling depan layer (bring to front)

@JEN-wj2ez 3 года назад

Oke thank ka