How To Create Toggle Switch Button On Figma

Learn to create a Toggle Switch within 5 minutes on Figma.

[@balajprasanna]

Thanks a ton bro! Clear and concise tutorial!
❤🙌

[@productmeow]

You're welcome!

[@ZynkzTV]

Thank you so much! We're making a prototype of a DAW program for my UX class and this helped a lot!

[@productmeow]

I'm glad you found the advice helpful! If there's anything else I can do to enhance your UX journey and make it even more successful, just let me know!

[@gideonadesina3881]

Clear and concise, thanks for that

[@productmeow]

You're welcome!

[@humakhan7639]

THANKYOUUUU SOOO MUCHHHH I DIDN'T THOUGHT I COULD MAKE IT!!! BECAUSE OF YOU I TRIED AND IT TURNED OUT SOO GOOOD, APP APPRECIATE YOU KEEP TEACHING PLEASE

[@productmeow]

I’m glad you find it helpful !

[@ojasvishrivastava3999]

Thanks a lot for such a nice explanation

[@productmeow]

You are most welcome !

[@vaishnavib.v4273]

very very useful and simple to follow thanks a lot

[@productmeow]

You are welcome 🙏🏼

[@wowgirlchannel]

Thank you!

[@productmeow]

You're welcome!

[@yutani2225]

And now insert a Hover (while hovering) and Focus (Keyboard TAB) state and try again to preview all three states in one preview. :)

[@nenabruce8300]

clear an concise!!! omg perfect!!!!

[@productmeow]

Glad you find it helpful !

[@ЖеняКозяр]

Thank you very much!!! Thats a really nice video, even i did it

[@productmeow]

Glad it helped!

[@abishekgupta82]

thanks a lot can u make more video on how make input text field in easy way it help's a lot 😁😁😁😁😁

[@productmeow]

:)

[@steaxrl9977]

Thanks, very clear, that's perfect !

[@productmeow]

Glad it helped!

[@paframes....4901]

Its working thanks for your vdo🤞

[@productmeow]

Welcome 👍

[@Aesthetewishes]

Hi! i've been trying to do this but for some unknown reason the off icon disappears and pops up at the bottom

[@mohamedafzal989]

Thank you so much 👍 you made it look easy 😃

[@productmeow]

You’re welcome 😊

[@priyadharshinimuthukumar8970]

thanks a lot sir...useful video for beginners

[@productmeow]

Glad it helped !

[@Basichaus]

Helps a ton man thanks!

[@productmeow]

No problem!

[@joshuaoladele8112]

Thanks for sharing sir

[@productmeow]

Most welcome

[@khanhngxn]

thanks so much champ!

[@productmeow]

Happy to help!

[@ruthnsaka5474]

Really helpful!

[@productmeow]

Glad it was helpful!

[@user-nu5xy6hn2i]

Dude, I'm not getting the animation, please help me with this!😅

[@PReM-rj4qc]

Thank you so much

[@butchdeloria2995]

Thank you

[@productmeow]

You're welcome

[@shakes8653]

Thanks a lot!

[@productmeow]

You're welcome!

[@TheVasundharamishra]

If I try to resize it, the circle remains fixed

[@gsmokeigl3910]

Use command 'K' to scale the object

[@robin.vdlinden]

I can’t find the video, what’s the title?

[@productmeow]

What video are you searching for ?
You can check out my channel to see if you can find what you need !

[@user-oi9bh6vh5k]

yippe ❤

[@aniketkijbile3862]

is this a paid one???

[@productmeow]

Sorry I don’t understand your question. You can achieve this with free version of Figma. Hope this helps.

[@taiyeadebayo8002]

Thank you so much, was struggling with this tonight and this was so much easier and helpful 🥹🙏

[@productmeow]

You're very welcome!