Figma / How to Create Input Fields With Auto Layout & Variants
There is a 2023 updated version of this video: • Figma / Creating Input...
How to create main input fields that control any number of variant instances for input field components.
Follow me on Twitter - / dannysapio
Пікірлер: 21
This is a great tutorial. Thanks. From what understand, you don't have to create hundreds of instances. You can create one (or a few) and toggle the states using the variant options such as Boolean, text etc.
plain and simple, thanks for this brother
I liked the step of putting an Auto-Layout frame around the base component before making a new variant component just to see if everything stretches right. Had to edit multiple variants today to get it right. I recommend putting a dot and underscore before the base component name. (.Input Main or _Input Main) That way it won't show up in your component library. Thanks for the video. 🙏
@AliRushSongs
Жыл бұрын
Took me 3 weeks to get it right and the i saw this. Ha ha haaaa. Done
@Mikaela_S
Жыл бұрын
@@AliRushSongs haha, same here... 😂 Should start read comments more closely from now on
Thank you! I have watched multiple videos about input field variants. Your video is the ONLY ONE that answered all my questions. and it only takes me 15 minutes to learn it all. Bravo!!!!
Dude, youre the man
Life saver! I was having trouble getting auto layout to cooperate on input fields in Figma. This video is super helpful.
Really loved it Danny 🤩🤩
This is so helpful thank you so much.
2:45 now we don't have this resizing feature in figma. is there any other way?
This is how I've done it! But I kept my main variant/component in the set. I like this better. The one downfall of this is hidden layers. What did you use to record the video?
Honestly this was a very helpful video... I'm an elite Figma user but I struggle with input field, I really don't know why... But thank you for this amazing video 🚀🚀
please update this video, cause figma hase changed. thanks
@dsapio
Жыл бұрын
There is an updated video available on my channel
someone please explain how he is able to add icons by just typing text
@dsapio
2 жыл бұрын
fontawesome.com
@rajatsjulie
Жыл бұрын
@@dsapio Don't you need a plugin for that?
This is a very good video, but you go too fast.
почему ты не можешь сказать как ты сделал поле вводом. Вас тут миллион, которые рассматирвают одно и тоже, но нет никого, кто бы объяснил простую вещь - КАК ПОЛЕ СТАЛО ПОЛЕМ ВВОДА!!!!???
Way too fast! Rookies like me will lose interest halfway into it. Moreso, there are some vital steps that were not properly explained. Thank you all the same. It was worthwhile