Create a TOGGLE BUTTON (Option Switcher) With a HOVER Functionality (Figma Tutorial)

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 38

  • @miss.ultramel
    @miss.ultramel 11 дней назад

    Thank you! This is just what I needed! Was looking for a long time! Subscribed!

  • @prajwalsharma2794
    @prajwalsharma2794 Год назад +2

    This is one of the best channels for UX Design. Super helpful for beginners

  • @LittlePegasusPL
    @LittlePegasusPL 4 месяца назад +1

    I'll pour my heart out here, because I really adore your videos and the way you explain the topics. Thanks for your videos😍

  • @christophernelson2261
    @christophernelson2261 7 месяцев назад

    Thank you! I have been watching tutorials all day and yours is the first that helped solve my problem!

  • @AllenCenteno
    @AllenCenteno Год назад +1

    What if I connected the first variant of the first component set to the third variant as state=clicked? Could I skip the second component set? 😊

  • @max-yq1ch
    @max-yq1ch Год назад +2

    Easy to understand and learn
    Thank you

  • @Rep1nS
    @Rep1nS Год назад +2

    Easy to follow, thank you

  • @skpapic
    @skpapic Год назад +1

    This is amazing, just what I needed to know!

  • @cvetavelcheva
    @cvetavelcheva 9 дней назад

    Thanks!

  • @julianaleshchyshyn3564
    @julianaleshchyshyn3564 4 месяца назад

    Thank you! it helped me so much

  • @daianaluna8807
    @daianaluna8807 8 месяцев назад

    You win a new suscriptor today :-) The video helps me a lot! Thanks!

  • @toastymmo
    @toastymmo 4 месяца назад

    Worked like a dream!!! Thank you! Now I need to create a visible switcher where a drop down menu appears for one of the buttons only :(

  • @shamshad7057
    @shamshad7057 5 месяцев назад +1

    The best Figma tutorial. Very Helpful for beginners

  • @999KJKJ
    @999KJKJ Год назад +3

    @mavidesign
    Nice tutorial but not working. I am having same issue as discussed in the comments. Active state not working properly as it firstly reacts to being hovered not clicked.

  • @AmericanAbroad70
    @AmericanAbroad70 8 месяцев назад

    Wow very helpful thanks a lot!

  • @sagesuccess
    @sagesuccess 2 месяца назад

    Thank you so much

  • @erenkaya4474
    @erenkaya4474 2 года назад +3

    Thanks for video

    • @mavidesign
      @mavidesign  2 года назад +2

      You're most welcome, Eren:)

  • @khanhvybella8151
    @khanhvybella8151 7 месяцев назад

    thank you so much!!

  • @roshnimondal7056
    @roshnimondal7056 8 месяцев назад

    This is really great and flexible! I question is can we make it flexible enough to have another option say Option 4 at the instance level without touching the Parent component?

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cj Год назад

    Thank you so much

  • @arnavprusti
    @arnavprusti 11 месяцев назад

    where can I find this code?

  • @jahiruljitu3255
    @jahiruljitu3255 Год назад

    thanks a lot

  • @YorichiXDesigns
    @YorichiXDesigns Год назад

    it is not working😭😭😭😭

  • @kierankilgallon4993
    @kierankilgallon4993 День назад

    Curser moves so fast! so hard to see what you're doing

  • @spykap21
    @spykap21 9 месяцев назад

    10 minutes to create a hover and a toggle effect, in xd all these take 20s

    • @mavidesign
      @mavidesign  9 месяцев назад

      XD has a very similar logic to Figma and therefore I don't think what you're saying is correct

  • @webelieveintrump8949
    @webelieveintrump8949 Год назад +5

    Hey great tutorial i followed entire tutorial but when clicking on component the active state doesn’t appear but its hovering though can i send my figma to your email