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

Рет қаралды 10,035

Күн бұрын

Пікірлер: 45

@TahiraAhamad 7 ай бұрын

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 7 ай бұрын

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

@akiyodebasit7640 6 ай бұрын

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

@femijohn 4 ай бұрын

Happy to help

@AlexOPK-s9o 3 ай бұрын

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

@femijohn 3 ай бұрын

You're welcome 😁

@HarishSharma-v1o 3 ай бұрын

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 3 ай бұрын

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 3 ай бұрын

@@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.

@YeasinArafat-yp9ru 2 ай бұрын

Great Class

@mahmoudrafat6493 2 ай бұрын

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 2 ай бұрын

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

@babatunderahman4877 Ай бұрын

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

@femijohn Ай бұрын

You're so welcome!

@TheChefAine 7 ай бұрын

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

@femijohn 7 ай бұрын

Thank you so much!! Thats what I do 😂

@AlexOPK-s9o 3 ай бұрын

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 3 ай бұрын

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

@femijohn 3 ай бұрын

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

@femijohn 3 ай бұрын

Yes I do. Glad you found them 😊

@AlexOPK-s9o 2 ай бұрын

@@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.

@babatunderahman4877 Ай бұрын

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

@goosy5947 7 ай бұрын

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 4 ай бұрын

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