Figma / How to Create Input Fields With Auto Layout & Variants
Вставка
- Опубліковано 15 вер 2024
- 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
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. 🙏
Took me 3 weeks to get it right and the i saw this. Ha ha haaaa. Done
@@AliRushSongs haha, same here... 😂 Should start read comments more closely from now on
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
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!!!!
Life saver! I was having trouble getting auto layout to cooperate on input fields in Figma. This video is super helpful.
Dude, youre the man
Really loved it Danny 🤩🤩
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 🚀🚀
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?
please update this video, cause figma hase changed. thanks
There is an updated video available on my channel
This is a very good video, but you go too fast.
someone please explain how he is able to add icons by just typing text
fontawesome.com
@@dsapio Don't you need a plugin for that?
почему ты не можешь сказать как ты сделал поле вводом. Вас тут миллион, которые рассматирвают одно и тоже, но нет никого, кто бы объяснил простую вещь - КАК ПОЛЕ СТАЛО ПОЛЕМ ВВОДА!!!!???
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