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

  Рет қаралды 48,442

Mavi Design

Mavi Design

Күн бұрын

Пікірлер
@prajwalsharma2794
@prajwalsharma2794 Жыл бұрын
This is one of the best channels for UX Design. Super helpful for beginners
@LittlePegasusPL
@LittlePegasusPL 3 ай бұрын
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 6 ай бұрын
Thank you! I have been watching tutorials all day and yours is the first that helped solve my problem!
@AllenCenteno
@AllenCenteno Жыл бұрын
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? 😊
@julianaleshchyshyn3564
@julianaleshchyshyn3564 3 ай бұрын
Thank you! it helped me so much
@max-yq1ch
@max-yq1ch Жыл бұрын
Easy to understand and learn Thank you
@sagesuccess
@sagesuccess Ай бұрын
Thank you so much
@daianaluna8807
@daianaluna8807 7 ай бұрын
You win a new suscriptor today :-) The video helps me a lot! Thanks!
@shamshad7057
@shamshad7057 5 ай бұрын
The best Figma tutorial. Very Helpful for beginners
@skpapic
@skpapic Жыл бұрын
This is amazing, just what I needed to know!
@Rep1nS
@Rep1nS Жыл бұрын
Easy to follow, thank you
@toastymmo
@toastymmo 3 ай бұрын
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 :(
@AmericanAbroad70
@AmericanAbroad70 7 ай бұрын
Wow very helpful thanks a lot!
@khanhvybella8151
@khanhvybella8151 6 ай бұрын
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?
@bridgetmonday7001
@bridgetmonday7001 4 ай бұрын
Same question here
@999KJKJ
@999KJKJ 11 ай бұрын
@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.
@SisiBisi-zh1cj
@SisiBisi-zh1cj 11 ай бұрын
Thank you so much
@erenkaya4474
@erenkaya4474 2 жыл бұрын
Thanks for video
@mavidesign
@mavidesign 2 жыл бұрын
You're most welcome, Eren:)
@jahiruljitu3255
@jahiruljitu3255 Жыл бұрын
thanks a lot
@arnavprusti
@arnavprusti 10 ай бұрын
where can I find this code?
@YorichiXDesigns
@YorichiXDesigns 11 ай бұрын
it is not working😭😭😭😭
@spykap21
@spykap21 8 ай бұрын
10 minutes to create a hover and a toggle effect, in xd all these take 20s
@mavidesign
@mavidesign 8 ай бұрын
XD has a very similar logic to Figma and therefore I don't think what you're saying is correct
@webelieveintrump8949
@webelieveintrump8949 Жыл бұрын
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
Design a Functional SIDEBAR MENU in Figma (With Hover States)
12:29
How to Add a Button Hover Effect in Figma
10:18
Pixel & Bracket
Рет қаралды 117 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
How To Create Toggle Switch Button On Figma
5:27
Product Meow
Рет қаралды 64 М.
Design This ON/OFF Toggle in Figma (Easy)
14:31
Shmelt studios
Рет қаралды 239 М.
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00
Animated Navigation Bar in Figma - Prototyping Tutorial
11:45
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 199 М.