Let's make a switch in Figma #shorts

____________________________________________________

Find us on ⬇️

____________________________________________________

#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #shorts

[grenishrai]

Designers dream is a nightmare for developers.

[JacquelineCorbett]

This is a great way to beginners how they can animate features in their designs

[dizzyrocket]

More content like this please, Figma! 👍

[chenglongsong-ojzi]

The developers said either you died or I lived today

[jaijethwa]

Took me time, but finally I did it! Thanks ❤

[bob_kazamakis]

That’s great. Now add a third state for OS preference

[rayforever]

Instead on empty White circle, they should've used icon of sun and moon with rotated animation,

[rilwanj]

On my tool I use node states to accomplish this, it’s like css classes that can be applied but states can manipulate the node’s children states too.

[Ananas_mela]

why is the content clipped with the round shape and not the frame rectangle?

[KellerG]

Good idea but how could someone code this ? 🤨

[soft]

Shouldn't the sun and moon go in opposite directions really? So when you switch to night, the sun goes down rather than up. And then you switch to day, the sun comes up rather than goes down.

[KADALIHARICHARAN]

I didn't understood how to add an instance in to a frame and test it in presentation view any one explain in detail please 😅

[anuragbose]

If you start doing these, your team will never take tou seriously😂😂

[MrQuackersHD]

But how do you add this stuff to a site or app?

[irhmkrm]

I see my FE dev next to me throw his keyboard 👀

[jaweriasultan]

Amazing. But can someone guide me as how to paste this toggle onto a frame and create interaction.

[afiabatool]

Awesome! It's a great and easy guide to create such a complex prototype.

Edit: It's called a Toggle button actually.