Creating a Design System - Awesome Textfields!

Learn how to create an awesome textfield component!

Do subscribe, like and hit the notification icon:

.
👉 Follow me on LinkedIn and Twitter for more content.
Subscribe to my newsletter to keep up to date on latest design/tech trends, update, tools and information! 🔥

[monicadahiya]

I learned how to expose the nested properties. Thank you so much.

[smilli]

this is gold, things change in figma .. would love to see updated design system course or live webdesign in figma course series

[calvinogood]

Expose nested properties from Figma is the game changer.

[SohanuRahman]

Thanks a lot bro! This was the best one which may helps to learn a lot .

[umerzafar]

you are a godsend. Busta rhymes of figma tutorials.

[jasboora]

Its simply awesome... I would love to implement that. Keep sharing the simple and effective knowledge.

[gopiiwc]

So cool! Thank you! ❤ Do you have a video on how to organize icons in design system? It would be very helpful!

[boksbulteni]

Bro that was epic!! I am exciting to try this one👌

[filip]

This tutorial is mind-blowing, thank you! I learned so much. And what a fantastic plugin for documentation purposes!

[Gab-qnlf]

Amazing dude ! Thanks for the Figma tricks

[techtalks]

Wow. I really need to learn components and variants well

[sayekatchakraborty]

I was waiting for this update ❤ Thank you 😊

[vikson]

But what with disabled button? When you change value to be gray, the icons are still dark gray/black

[tomashudolin]

Thank you for this video. Just a quesion. What if I would like to have the helper text bellow the text field (for error or success message)? Thanks.

[Godheals_always]

Fantastic! Well explained and easy to understand
Thank you

[metinkucuk]

Thank you for underscore tip! Is there any other situations for using underscore (_) or dot (.) in layer names? Thanks!

[umerzafar]

what i really struggle with is to plan ahead which items to include in base when designing complex components. any help on how to hone that skill?

[dipongkarroy]

It's awsome, Save Ton's of time.

[teegees]

Neat trick with the blinking cursor!

One thing I’d like to do when running a prototype is simulate the user typing something inside of a field. Is this how you’d do it or is there an easier way. I looked for plugins that essentially add real text input fields in the prototype but didn’t find any.

[smilli]

when u are using those icons to make components, do u bring in just icon vectors are you bring icons with that bounding box (with padding )