Figma / Creating Input Fields with Auto Layout + Base Components
How to create and manage input & dropdown components using Figma's boolean properties to show/hide elements within components. This tutorial will teach you how to manage larger design systems with ease using base components and variants.
Follow along with the file: www.figma.com/community/file/...
Follow me on Twitter for more tips: / dannysapio
Пікірлер: 16
Thank you for an updated tutorial on Figma! Recently learning this for a project on school, and your tutorial made it much easier to follow along, thank you!
Its 4:10 in the morning here and I just wanted to go through Input fields then I saw this video and man I swear I learned so much, gotta watch this again after I wake up man, so many good things to document. Kudos Dan!
@dsapio
Жыл бұрын
Glad it helped you out a bit!
@archerarcher5727
Жыл бұрын
@@dsapio Danny, it's time to make you the National treasure :D
Great video! Thanks Danny!
Love seeing your process!🎉
@dsapio
Жыл бұрын
Thanks Gary!!
This was a great!
Amazing video man! really helpful! thanks a lot 🥷
Thanks, this is really useful 😍 Watched your previous video, this is even better. Especially plugin in the end 😎 I don't understand how you managed to add variant to icons from different file. Do I need to publish library? (I'm on free plan) Maybe managing libraries can be in some of your next videos 😅
@dsapio
Жыл бұрын
Glad you enjoyed! Yes unfortunately I'm using a published library which is a premium Figma feature.
Any tips on how to add mobile and tablet versions of these base components if they have drastic responsive differences?
Great video! But the only annoying thing with base components is that we need to click twice on the variant to be able to open the property panel (boolean, text properties..)
@dsapio
Жыл бұрын
Click the component then press enter or return to do this much faster.
😫😫😫😫 this is crazy man 🤣🤣🤣🤣
This dark background is too distracting and it's too hard to see in details what you do. Please change to something lighter