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

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024

ความคิดเห็น • 43

  • @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  หลายเดือนก่อน

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

  • @TheChefAine
    @TheChefAine 6 หลายเดือนก่อน +2

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

    • @femijohn
      @femijohn  6 หลายเดือนก่อน

      Thank you so much!! Thats what I do 😂

  • @Mehrad-w9k
    @Mehrad-w9k 2 หลายเดือนก่อน +2

    its soooooooooooooooooooooooooooooooo helpful and good, thank you man

    • @femijohn
      @femijohn  2 หลายเดือนก่อน

      You're welcome. 😊💪🏽

  • @goosy5947
    @goosy5947 6 หลายเดือนก่อน +1

    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  2 หลายเดือนก่อน

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

  • @i_am_FemiWhyte
    @i_am_FemiWhyte 5 หลายเดือนก่อน +2

    Can you please do a video on media player interaction figma

  • @babatunderahman4877
    @babatunderahman4877 2 วันที่ผ่านมา

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

  • @basavarajss3705
    @basavarajss3705 23 วันที่ผ่านมา

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

  • @Zishan-e1v
    @Zishan-e1v หลายเดือนก่อน

    Where did you get those icon ? The look super cool

  • @TahiraAhamad
    @TahiraAhamad 6 หลายเดือนก่อน +2

    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  6 หลายเดือนก่อน +1

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

  • @HarishSharma-v1o
    @HarishSharma-v1o 2 หลายเดือนก่อน +2

    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  2 หลายเดือนก่อน

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

    • @HarishSharma-v1o
      @HarishSharma-v1o 2 หลายเดือนก่อน

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

  • @AlexOPK-s9o
    @AlexOPK-s9o หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

      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  หลายเดือนก่อน +1

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

    • @femijohn
      @femijohn  หลายเดือนก่อน +1

      Yes I do. Glad you found them 😊

    • @AlexOPK-s9o
      @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.

  • @babatunderahman4877
    @babatunderahman4877 16 วันที่ผ่านมา +1

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

    • @femijohn
      @femijohn  11 วันที่ผ่านมา

      You're so welcome!

  • @akiyodebasit7640
    @akiyodebasit7640 5 หลายเดือนก่อน +2

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

    • @femijohn
      @femijohn  3 หลายเดือนก่อน

      Happy to help

  • @AlexOPK-s9o
    @AlexOPK-s9o หลายเดือนก่อน +1

    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  หลายเดือนก่อน +1

      You're welcome 😁

  • @iyareehizogie3272
    @iyareehizogie3272 6 หลายเดือนก่อน +1

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

    • @femijohn
      @femijohn  3 หลายเดือนก่อน

      You are most welcome

  • @connieliao1065
    @connieliao1065 2 หลายเดือนก่อน +1

    Thanks so much! This tutorial is super helpful!

    • @femijohn
      @femijohn  2 หลายเดือนก่อน +1

      Glad it was helpful! 🥹

  • @priyasymon3414
    @priyasymon3414 4 หลายเดือนก่อน +1

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

    • @femijohn
      @femijohn  3 หลายเดือนก่อน

      Glad it was helpful! You’re welcome 🙂

  • @UdokaDaniel-z6r
    @UdokaDaniel-z6r 4 หลายเดือนก่อน +1

    l enjoyed the video sir, Thank you so much 😊

    • @femijohn
      @femijohn  3 หลายเดือนก่อน

      Most welcome!

  • @sydneytakitch4896
    @sydneytakitch4896 หลายเดือนก่อน +1

    So helpful and easy to follow!

    • @femijohn
      @femijohn  หลายเดือนก่อน

      Thank You 🙏🏽😊

  • @Ati-o7t
    @Ati-o7t 2 หลายเดือนก่อน +1

    veryyy helpful

    • @femijohn
      @femijohn  2 หลายเดือนก่อน

      You're Welcome 🙏🏽

  • @Virussama
    @Virussama 5 หลายเดือนก่อน +1

    Nice video

    • @femijohn
      @femijohn  3 หลายเดือนก่อน

      Thanks

  • @YeasinArafat-yp9ru
    @YeasinArafat-yp9ru หลายเดือนก่อน

    Great Class