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

แชร์
ฝัง
  • เผยแพร่เมื่อ 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 8 วันที่ผ่านมา

    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

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

      I have the same problem, you managed to solve it ? if yes, how ?

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

      @@yousseffam9454 yes bro

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

      @@webelieveintrump8949 how, i have the same

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

      @@webelieveintrump8949 how you solved this??

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

      active not working properly