Тёмный
No video :(

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

Thefemijohn
Подписаться 15 тыс.
Просмотров 4,9 тыс.
50% 1

Generate different types and states of input fields from this Input field Master component set.
Input Field UI Design Master Component in Figma. How to create an Input Field for Design systems.

Опубликовано:

 

15 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 37   
@AlexOPK-s9o
@AlexOPK-s9o 10 дней назад
This was a million times so so helpful Brother. I am stuck with your channel for my life with FIGMA. Thanks a lot.
@femijohn
@femijohn 10 дней назад
You're welcome 😁
@YeasinArafat-yp9ru
@YeasinArafat-yp9ru 4 дня назад
Great Class
@mahmoudrafat6493
@mahmoudrafat6493 3 дня назад
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
@femijohn 3 дня назад
Thank You so much for this, You are very right.
@akiyodebasit7640
@akiyodebasit7640 4 месяца назад
Thank you Sir for this video you don't know how far your channel has saved my ui /ux career
@femijohn
@femijohn Месяц назад
Happy to help
@AlexOPK-s9o
@AlexOPK-s9o 8 дней назад
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
@AlexOPK-s9o 8 дней назад
I have seen a couple of your videos for Image slider Femi, I will check them out after this one. Thanks a million.
@femijohn
@femijohn 8 дней назад
Thank you so much for all this kind words. I really appreciate your compliment. 🥹🙏🏽
@femijohn
@femijohn 8 дней назад
Yes I do. Glad you found them 😊
@AlexOPK-s9o
@AlexOPK-s9o 7 дней назад
@@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.
@user-md5zr3it2t
@user-md5zr3it2t 23 дня назад
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
@femijohn 23 дня назад
Thank you for the compliment. I will make a tutorial for design system but I already have one of the best tutorials on RU-vid on Advanced Prototyping. Kindly check the video on my channel. Thank You
@user-md5zr3it2t
@user-md5zr3it2t 23 дня назад
@@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.
@TheChefAine
@TheChefAine 4 месяца назад
This was amazing to watch. I love how you make it look effortless 😍😍😍❤❤
@femijohn
@femijohn 4 месяца назад
Thank you so much!! Thats what I do 😂
@TahiraAhamad
@TahiraAhamad 4 месяца назад
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
@femijohn 4 месяца назад
Yes definately, I will. Thank you for the kind compliments. 🙏🏽
@priyasymon3414
@priyasymon3414 2 месяца назад
Thank you for such an informative video. It helped me a lot.
@femijohn
@femijohn 2 месяца назад
Glad it was helpful! You’re welcome 🙂
@user-st2bf9rl5e
@user-st2bf9rl5e Час назад
Where did you get those icon ? The look super cool
@user-sz4tg9js9d
@user-sz4tg9js9d 3 месяца назад
l enjoyed the video sir, Thank you so much 😊
@femijohn
@femijohn Месяц назад
Most welcome!
@Mehrad-w9k
@Mehrad-w9k 22 дня назад
its soooooooooooooooooooooooooooooooo helpful and good, thank you man
@femijohn
@femijohn 22 дня назад
You're welcome. 😊💪🏽
@connieliao1065
@connieliao1065 Месяц назад
Thanks so much! This tutorial is super helpful!
@femijohn
@femijohn Месяц назад
Glad it was helpful! 🥹
@iyareehizogie3272
@iyareehizogie3272 4 месяца назад
Thank you very much, sir, this video was very helpful.
@femijohn
@femijohn Месяц назад
You are most welcome
@Virussama
@Virussama 4 месяца назад
Nice video
@femijohn
@femijohn Месяц назад
Thanks
@i_am_FemiWhyte
@i_am_FemiWhyte 4 месяца назад
Can you please do a video on media player interaction figma
@goosy5947
@goosy5947 4 месяца назад
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
@femijohn Месяц назад
Hello, Thanks for the kind words. I hope you've been able to fix blinking cursor issue.
@user-zu5ep8ur5c
@user-zu5ep8ur5c Месяц назад
veryyy helpful
@femijohn
@femijohn Месяц назад
You're Welcome 🙏🏽
Далее
Running With Bigger And Bigger Feastables
00:17
Просмотров 25 млн
Why I Quit UI/UX Design.
8:31
Просмотров 9 тыс.
Creating a Design System - Awesome Textfields!
17:50
Просмотров 22 тыс.
Master Design Tokens - From Basics to Advanced
44:30
Просмотров 13 тыс.
Functional login form in Figma - Real text input !
25:53
Easily Improve Your Web Design (With Example)
17:59
Просмотров 52 тыс.
How to Make a Design System in Figma?
38:46
Просмотров 55 тыс.
AI Tool Every Designer Must Have.
10:37
Просмотров 883