Figma Component - Input Field (Variables, Variants & Component Properties ) | Design System Part 7

💛 Thanks for watching, Tair 💛

🍿 _WHAT TO WATCH NEXT_ :

👋🏼 _IF YOU ARE NEW HERE_ :
Hey, it's Tair! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to comment below. Your support means a lot and helps me keep the channel going and growing!

👾 _MY GEAR_ :

🌼 _CHAPTERS_ :
00:00 Intro
00:15 My approach
00:28 1. Plan it
00:53 2. Build it
04:12 3. Colour it
07:54 4. Variable it
10:16 » Scope it
12:13 5. Component it
13:00 » Boolean component property
13:57 » Instance swap component property
15:37 » Text component property
19:52 Final result
20:20 Coming up

🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.

#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023 #designtokens #tokens #variables #variablemodes

[ianhamilton]

Thank you so much for making these videos, I love that you make no assumptions that we already know x, y and z and break it down fully

[benlow]

Great vid showing the links between variables, variants and component properties. You can see quickly how versatile the components can be but always overwhelming to build leveraging all the new updates

[bbayek]

Love it! Another amazing and useful video! :)

[antjonesux]

You're awesome! I have been following from the design system playlist and this is saving me time as I am upgrading my company's design system starting out the new year.

[platinoir]

Amazing Content
Love your sprinkled tricks and tips throughout the video, as well as your motivating enthusiasm.
I'm new to variables, so I'm learning so much about how simple and well calculated your process is

[savitar]

A pleasure to be your student! Thank you!

[td]

Before committing to completing your design system series, I was actually only looking for a tutorial on input fields. However, you are so amazing in the way you explain difficult concepts so easily that I couldn't help but follow along! I can't thank you enough. You saved me a lot of frustration.

[xefnmsv]

I have have added this playlist to my daily routine and I follow one ep a day, as a beginner ui/ux designer it has truly been helpful .Thank you so so much .

[lianethernandez]

You are a lifesaver!!! Thank you so much for your videos I've learned so so much! The way you explain is so easy to understand. Thank you again!

[lostinhorizonchannel]

Thank you so much, I learned a lot from you. It's easy to understand step by step and the explanation is so clear. I love this series, keep up the good work.

[laurapa]

You are great TD!! Best Figma Channel and deep explanations. Thanks so much

[monikaadeishvili]

You have a talent for making everything sound and look so much easier!

[iamsohan]

Great!
Thanks a lot for your valuable lesson which was really awesome.

[nadasharshera]

thankd so much for the amazing explanation, really grateful <3

[Redcannoneer]

The way you do things is way too different than what I used to know.
I like how organized and efficient you are 💫

[olya]

Wow 20:09 ! Thank you for such a great tutorial 😊

[hectorgonzalvezescolanoUA]

Oooooh, TD Sunshine is the real deal!

[azoozsaleh]

That is awesome, 😋 but you miss typography line height should be multi 2, 4 or 8

[sophiemulders]

Very nice!!! i did everything you did but i have a border around my input. In my head it sounded fun if i could turn that on and of. and with that when i turn the border of the color of the fil of the content frame wil get the light version of that color. but you cant make properties of colors and borders??? or am i overlooking something?

[Georgelikestodesign]

You're amazing! Helping me up my design system game with these boolean hacks! How long have you been in the UXUI Design Space??