Input Field Design System in Figma using a Master Component. How to create an Input Field Component.

[@TahiraAhamad]

Thank you Mr Femi❤. Can u bring next session on color typography design system. Your way of teaching is awesome. I watched your many videos. Its great learning. Thanks once again

[@femijohn]

Yes definately, I will. Thank you for the kind compliments. 🙏🏽

[@akiyodebasit7640]

Thank you Sir for this video you don't know how far your channel has saved my ui /ux career

[@femijohn]

Happy to help

[@AlexOPK-s9o]

This was a million times so so helpful Brother. I am stuck with your channel for my life with FIGMA. Thanks a lot.

[@femijohn]

You're welcome 😁

[@babatunderahman4877]

This was a great video, Femi. Thanks a lot for creating this.

[@femijohn]

You're so welcome!

[@YeasinArafat-yp9ru]

Great Class

[@HarishSharma-v1o]

Beautifully explained. I would like you to come up with a tutorial about how to create a design system which includes everything e.g. form fields, colors, typography, all relevant components. Also, come up with a tutorial about Variables and Advanced Prototyping.

[@femijohn]

Thank you for the compliment. I will make a tutorial for design system but I already have one of the best tutorials on KZbin on Advanced Prototyping. Kindly check the video on my channel. Thank You

[@HarishSharma-v1o]

@@femijohn Yes, already on it. I would appreciate if you could come up with Variables concept. There is a video already on your channel but it is not explained well like you explained this input field deeply.

[@sydneytakitch4896]

So helpful and easy to follow!

[@femijohn]

Thank You 🙏🏽😊

[@mahmoudrafat6493]

Try to use fill width for the placeholder text instead of making many frames it will help you better to fill your text input without ruining the elements positions.

[@femijohn]

Thank You so much for this, You are very right.

[@TheChefAine]

This was amazing to watch. I love how you make it look effortless 😍😍😍❤❤

[@femijohn]

Thank you so much!! Thats what I do 😂

[@priyasymon3414]

Thank you for such an informative video. It helped me a lot.

[@femijohn]

Glad it was helpful! You’re welcome 🙂

[@UdokaDaniel-z6r]

l enjoyed the video sir, Thank you so much 😊

[@femijohn]

Most welcome!

[@amwalonline]

Thanks and it would be more helpful if you could build a form out of these input fields

[@connieliao1065]

Thanks so much! This tutorial is super helpful!

[@femijohn]

Glad it was helpful! 🥹

[@AlexOPK-s9o]

Aaaaaamazingggg! I have watched quite a lot of videos on how to do this Text Field Input property and its been so confusing, but with your process you first make the whole process seem Easy, Possible and best of it all is that you are not only focusing on the making of the text fields but teaching basic and complicated processes all at once through the process, such as applying Auto layout with Shift A, Creating Component Properties for future swaps amongst others. You are really a Genius my Brother Femi. By the way; do you have a tutorial on making Carrousel or photo sliders? Its my next to learn 😇

[@AlexOPK-s9o]

I have seen a couple of your videos for Image slider Femi, I will check them out after this one. Thanks a million.

[@femijohn]

Thank you so much for all this kind words. I really appreciate your compliment. 🥹🙏🏽

[@femijohn]

Yes I do. Glad you found them 😊

[@AlexOPK-s9o]

@@femijohn Please, there was one thing you might have left out in the video, which is trying out the Input field in prototype and using it from the Assets Tab. Could you kindly share a link or make a part two for us please, it would be best understood when we learn that from you. Thanks.

[@kaanguryuva]

thank you... very useful

[@femijohn]

You’re welcome

[@Mehrad-w9k]

its soooooooooooooooooooooooooooooooo helpful and good, thank you man

[@femijohn]

You're welcome. 😊💪🏽

[@iyareehizogie3272]

Thank you very much, sir, this video was very helpful.

[@femijohn]

You are most welcome

[@Zishan-e1v]

Where did you get those icon ? The look super cool

[@basavarajss3705]

You deserve a like bruh :) Thanks for the knowledge!

[@Virussama]

Nice video

[@femijohn]

Thanks

[@goosy5947]

This is Amazing, I just really needed this for my project. I have a question tho if you don't mind, I tried to put in blinking cursor that I learned from other tutorial, but the whole frame is blinding as well, and I actually can't figure out what makes it that. Would you mind helping me? Thanks for this amazing tutorial!!

[@femijohn]

Hello, Thanks for the kind words. I hope you've been able to fix blinking cursor issue.

[@AfricanHorrorFolktale]

Can you please do a video on media player interaction figma

[@babatunderahman4877]

Can you create a follow-up video on how this will work as a prototype?

[@Ati-o7t]

veryyy helpful

[@femijohn]

You're Welcome 🙏🏽