Getting Started with Variants in Figma

Поділитися
Вставка
  • Опубліковано 29 вер 2024
  • Ігри

КОМЕНТАРІ • 18

  • @ankitanand5443
    @ankitanand5443 3 роки тому +8

    Hey, Joey! Thanks for making these awesome videos. Love your work 😊

    • @joeyabanks
      @joeyabanks  3 роки тому +1

      Thank you, that means a ton!

  • @marcusferreira1768
    @marcusferreira1768 2 роки тому +2

    You have the ability to make things interesting, easy to understand, and quick to learn. I just subscribed to the channel and activated the bell. Please, keep doing this superb job!

  • @davidluft
    @davidluft 3 роки тому +1

    When should we use variants rather than instance swapping? Thanks, Joey.

    • @pathumpmg
      @pathumpmg 3 роки тому

      I've the same question for Joey!

  • @manashkashyap7780
    @manashkashyap7780 2 роки тому

    Hey Joey please make more videos

  • @janeshore1838
    @janeshore1838 3 роки тому +1

    Thank you for the video! Just realised that I'd do Light and Dark mode by actually adding Mode property with 2 options instead of Dark Mode: True/False. Do you use True/False in all binary cases? And what if the component acquires a new state and the property becomes nonbinary, is there a way to scale it properly?

    • @joeyabanks
      @joeyabanks  3 роки тому +1

      I always try to do true/false, yes/no, or on/off when I can, but there are definitely times where it just doesn’t make as much sense, especially if a third option is needed. Personally, I think that’s a totally ok strategy!

  • @pathumpmg
    @pathumpmg 3 роки тому

    Hey Joey! Thanks for the amazing video series. I have a small question regarding nested components. When I'm trying to edit my nested component by adding a new icon to a button group. It didn't allow to do so. Do I need to make that change for the Master Component? or Is there any other way to add new things into nested components? Also,
    I've another question if I need to create hover, active and disabled states related to a button, what is the best way for that? Varients ? or Instance Swapping? What's your approach to this?

  • @the_rollback
    @the_rollback 3 роки тому

    Keep em' comin my man, you're explaining stuff really well. Keep em' comin!!

  • @yusefess
    @yusefess 3 роки тому

    Welcome back. I hope you keep posting new videos.

  • @varunparashar31
    @varunparashar31 3 роки тому

    Hi Joey, Is there a way to add keywords to the Figma variants so that it is easy to search from the assets panel?

  • @ashwencheng
    @ashwencheng 3 роки тому

    Hey Joey! I'm so glad that i find you on UA-cam. This is really helpful. I work at a sass company working on creating components for the platform. I'm encountering situations where when mocking out screens, I need buttons that is responsive to content, but also situations where I need buttons that needs to be able to stretch manually. However, when created into components, there is that limitation preventing me from stretching. With that, I have to create two of the same components. I really would like to know is there a way around this? Hope to hear from you, thank you!

    • @joeyabanks
      @joeyabanks  3 роки тому +1

      Heya! My recommendation would be to create Auto Layout enabled buttons that have a fixed with, and then, if a designer needs to use them in a responsive design, they can be placed inside of an Auto Layout container, with the button component then set to fill container, to achieve that effect pretty easily. It's a practice you might have to encourage or teach, but once folks get the hang of it, it's so helpful!

  • @MrsDreamerx
    @MrsDreamerx 3 роки тому

    Awesome! Thank you! :)

  • @GraveRave
    @GraveRave 3 роки тому

    Nice one Looking forward to more!

  • @sahilchaturvedi6523
    @sahilchaturvedi6523 3 роки тому

    Lets gooooo new Joey vid! Keep it coming

  • @jbborgescdx
    @jbborgescdx 3 роки тому

    This is awesome Joey! We want more 😍