Figma / Creating Input Fields with Auto Layout + Base Components

How to create and manage input & dropdown components using Figma's boolean properties to show/hide elements within components. This tutorial will teach you how to manage larger design systems with ease using base components and variants.
Follow along with the file: www.figma.com/community/file/...
Follow me on Twitter for more tips: / dannysapio

Пікірлер: 16

  • @user-hl7vj9ve5r
    @user-hl7vj9ve5r Жыл бұрын

    Thank you for an updated tutorial on Figma! Recently learning this for a project on school, and your tutorial made it much easier to follow along, thank you!

  • @utkarshmishra7814
    @utkarshmishra7814 Жыл бұрын

    Its 4:10 in the morning here and I just wanted to go through Input fields then I saw this video and man I swear I learned so much, gotta watch this again after I wake up man, so many good things to document. Kudos Dan!

  • @dsapio

    @dsapio

    Жыл бұрын

    Glad it helped you out a bit!

  • @archerarcher5727

    @archerarcher5727

    Жыл бұрын

    @@dsapio Danny, it's time to make you the National treasure :D

  • @alessioayuninjam7403
    @alessioayuninjam74037 ай бұрын

    Great video! Thanks Danny!

  • @GaryDid
    @GaryDid Жыл бұрын

    Love seeing your process!🎉

  • @dsapio

    @dsapio

    Жыл бұрын

    Thanks Gary!!

  • @frantzcaz8056
    @frantzcaz80566 ай бұрын

    This was a great!

  • @brunoaller1690
    @brunoaller169010 ай бұрын

    Amazing video man! really helpful! thanks a lot 🥷

  • @yapingvin
    @yapingvin Жыл бұрын

    Thanks, this is really useful 😍 Watched your previous video, this is even better. Especially plugin in the end 😎 I don't understand how you managed to add variant to icons from different file. Do I need to publish library? (I'm on free plan) Maybe managing libraries can be in some of your next videos 😅

  • @dsapio

    @dsapio

    Жыл бұрын

    Glad you enjoyed! Yes unfortunately I'm using a published library which is a premium Figma feature.

  • @rebeccamilazzo6807
    @rebeccamilazzo68077 ай бұрын

    Any tips on how to add mobile and tablet versions of these base components if they have drastic responsive differences?

  • @eliegeorgesson9099
    @eliegeorgesson9099 Жыл бұрын

    Great video! But the only annoying thing with base components is that we need to click twice on the variant to be able to open the property panel (boolean, text properties..)

  • @dsapio

    @dsapio

    Жыл бұрын

    Click the component then press enter or return to do this much faster.

  • @raphaelobasijnr1458
    @raphaelobasijnr1458 Жыл бұрын

    😫😫😫😫 this is crazy man 🤣🤣🤣🤣

  • @StoriesMails
    @StoriesMails Жыл бұрын

    This dark background is too distracting and it's too hard to see in details what you do. Please change to something lighter