Figma 101 - Cara Membuat Responsive Layout di Figma

Подписаться 1,2 тыс.

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

50% 1

Halo. teman-teman di video kali lebih membahas cara membuat responsive design, terutama dalam pembuatan desig website. Perlu temen-teman ketahui dalam membuat design responsive kalian harus punya basic dalam di autolayout dan contraints.
Membuat desain responsive di figma, bisa? bisa tentunya. namun ada triknya, live bisa di preview langsung di figma, tanpa harus menggunakan mirroring figma. Membuat website dengan responsive di figma, cukup mudah. asalkan kalian perlu memahami basic layouting auto-layout. Auto layout adalah fitur andalah figma yang cukup powerfull.
Disarakan menonton video ini dulu :
New Autolayout - • Figma101 - New Auto La...

Хобби

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

28 июл 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@BagusAdhi-zv7fx 17 дней назад

Makasih banyak mas, semoga berkah sehat selalu

@muhammadrizkyhidayat5673 Год назад

Makasih kak. Berguna banget buat aku yang lagi libur mengisi portofolio aku. Semoga makin berkembang besar kak channel yt nya🙏

@vinydwiriate3251 Год назад

mantappp mas makasih bgt ilmunya 🙏 semangat terus bikin kontennya.

@erlanggadwikikurniawan7876 Год назад

Makasig bang ilmunyaa🙏

@rifaisiregar1437 Год назад

Semangat terus mas untuk bikin konten nya, sangat membantu sekali semoga channel nya makin berkembang

@TheDei Год назад

Terima kasih atas dukungannya. jangan lupa di share ke temen-temen yang ingin belajar Design ya :)

@fredypradana5881 3 часа назад

kalau di run sesuai pake laptop atau hp, apakah langsung bisa mengikuti ukurannya?

@thebioray Год назад

thank you banget bang. sehat selalu

@TheDei Год назад

Sama-sama. Amiin.

$@alifrachman6735$

@alifrachman6735 Год назад

ty bang infonyaa 🙏

@TheDei Год назад

sama-sama.

@robbyigfirly3319 Год назад

Makasih bang sangat bermanfaat

@robbyigfirly3319 Год назад

Izin share mas🔥

@TheDei Год назад

Silahkan :)

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

halo bang, mau tanya. berarti kita harus bikin 3 design dulu ya ? dengan adjustment seperti navbar jadi burger dll atau cuma sizing aja? btw ini saya mau buat project landing page buat belajar layouting

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

Betul, harus mempunyai 3 frames dulu per masing-masing design baik mobile, tablet dan desktop. sebenarya dengan figma variable sudah bisa 1 frame. tp tetep membutuhkan batuan plugin agar bisa di gabungin. jadi gak usah pake contraisnt lagi.

@safiraalislami1444 16 дней назад

mas tanya kalo semisal habis di implement responsive pas di tarik tarik ga balik ke posisi awal ditarik yang salah apanya ya??

@safiraalislami1444 16 дней назад

eh atau pas narik narik plugin responsivenya harus nyala to mas??

@fabiotoraputranto3417 Год назад

bang gua mau nanya, kalo pilihan constraintsnya gabisa left and right gimana ? (pilihannya gabisa di pencet)

@TheDei Год назад

Coba pahami dulu fundamental contraints disini: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_iMspBHfPWI.html

@pashteuku Год назад

halo bang, kebetulan saya FE, apakah boleh bang saya coba slicing? kalo boleh saya bisa dapet assets dimana yaa? thankyou banyak yaa bang 😁🙏

@TheDei Год назад

Yang ada di video, itu project real, jadi gak bisa di share. mohon maaf ya 🙏

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

bang, kasih tutorial dong bang untuk export page responsive nya jadi html+css bang please

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

Klo jadi html+css, itu ada plugin pendukunya.

@jordyreformerassalaam8851 Год назад

Halo bang izin tanya, pilihan constraints Left & Right di figma saya nggabisa muncul kalau tab "Fix position when scrolling" nya aktif. Apakah ada solusinya ya bang?

@TheDei Год назад

Harus ada 2 object dalam satu frame. baik dalam frame itu ada ada 2 frame sebagai object. hirarki nya misal. sebagai contoh. isi frame 2 dan 3, itu terserah isinya apaan. - frame 0, sebagai pembungkus. ( wrapper ) -- frame 1, sebaga container. ( set constraints left and right , setelah di set frame 2 dan 3) --- frame 2 ada di sisi kiri. - set constraints left dan top. ( setting dulu ini ke 1 ) --- frame 3 ada di sisi kanan. - set constraints right and top. ( setiing dulu ini urutan ke 2 ) -- frame 1, setelah sudah melakukan settingan constraints, set sebagai fix position when scrolling. semoga membantu.

@jordyreformerassalaam8851 Год назад

@@TheDei Berhasil bang, terimakasih banyak bantuannya 🙏

@TheDei Год назад

@@jordyreformerassalaam8851 Ok, sama-sama, jangan lupa di subscribe. :)

@jordyreformerassalaam8851 Год назад

@@TheDei langsung banget banggg 🤙

@rizaldijamil3923 Год назад

terima kasih ilmu nya mas. omong2, responsive nya hanya bisa jalan selama plugin nya terbuka ya ? bagaimana membuat responsive nya bisa tetap aktif meski plugin nya sudah di close ? terima kasih.

@TheDei Год назад

Bisa menggunakan plugin bernama breakpoints, namun itu berbayar. dan itu jika pluginya di tutup responsivenya masih aktif. cara membuatnya sama jg. ya. semoga menjawab.

@rizaldijamil3923 Год назад

@@TheDei terims mas