Figma / How to Create Input Fields With Auto Layout & Variants

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ต.ค. 2024

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

  • @ragnarfreyr
    @ragnarfreyr 3 ปีที่แล้ว +15

    I liked the step of putting an Auto-Layout frame around the base component before making a new variant component just to see if everything stretches right. Had to edit multiple variants today to get it right. I recommend putting a dot and underscore before the base component name. (.Input Main or _Input Main) That way it won't show up in your component library. Thanks for the video. 🙏

    • @AliRushSongs
      @AliRushSongs 2 ปีที่แล้ว +2

      Took me 3 weeks to get it right and the i saw this. Ha ha haaaa. Done

    • @Mikaela_S
      @Mikaela_S ปีที่แล้ว

      @@AliRushSongs haha, same here... 😂 Should start read comments more closely from now on

  • @migo33
    @migo33 2 ปีที่แล้ว +2

    This is a great tutorial. Thanks. From what understand, you don't have to create hundreds of instances. You can create one (or a few) and toggle the states using the variant options such as Boolean, text etc.

  • @chloetam446
    @chloetam446 2 ปีที่แล้ว

    Thank you! I have watched multiple videos about input field variants. Your video is the ONLY ONE that answered all my questions. and it only takes me 15 minutes to learn it all. Bravo!!!!

  • @amurtigro366
    @amurtigro366 2 ปีที่แล้ว +2

    plain and simple, thanks for this brother

  • @sunjayarmstead
    @sunjayarmstead 2 ปีที่แล้ว +1

    Life saver! I was having trouble getting auto layout to cooperate on input fields in Figma. This video is super helpful.

  • @AliRushSongs
    @AliRushSongs 2 ปีที่แล้ว +1

    Dude, youre the man

  • @dm.designermohit
    @dm.designermohit 2 ปีที่แล้ว

    Really loved it Danny 🤩🤩

  • @wahabbabatunde8577
    @wahabbabatunde8577 2 ปีที่แล้ว

    This is so helpful thank you so much.

  • @charbelmedia3014
    @charbelmedia3014 2 ปีที่แล้ว

    Honestly this was a very helpful video... I'm an elite Figma user but I struggle with input field, I really don't know why... But thank you for this amazing video 🚀🚀

  • @hasti061
    @hasti061 ปีที่แล้ว

    please update this video, cause figma hase changed. thanks

    • @dsapio
      @dsapio  ปีที่แล้ว

      There is an updated video available on my channel

  • @saqibux1058
    @saqibux1058 2 ปีที่แล้ว

    2:45 now we don't have this resizing feature in figma. is there any other way?

  • @megaroeny
    @megaroeny 3 ปีที่แล้ว +1

    This is how I've done it! But I kept my main variant/component in the set. I like this better. The one downfall of this is hidden layers.
    What did you use to record the video?

  • @marvokmarude
    @marvokmarude 2 ปีที่แล้ว

    someone please explain how he is able to add icons by just typing text

    • @dsapio
      @dsapio  2 ปีที่แล้ว

      fontawesome.com

    • @rajatsjulie
      @rajatsjulie 2 ปีที่แล้ว

      @@dsapio Don't you need a plugin for that?

  • @paulamourad4699
    @paulamourad4699 3 ปีที่แล้ว +1

    This is a very good video, but you go too fast.

  • @maksympl8474
    @maksympl8474 2 ปีที่แล้ว

    почему ты не можешь сказать как ты сделал поле вводом. Вас тут миллион, которые рассматирвают одно и тоже, но нет никого, кто бы объяснил простую вещь - КАК ПОЛЕ СТАЛО ПОЛЕМ ВВОДА!!!!???

  • @dayofadunsin4357
    @dayofadunsin4357 2 ปีที่แล้ว

    Way too fast! Rookies like me will lose interest halfway into it. Moreso, there are some vital steps that were not properly explained. Thank you all the same. It was worthwhile