I always wanted a simple yet easy tutorial for a toggle button and this definitely was it, simply followed along the tutorial and i was able to create my very own toggle button, definitely giving a follow. Keep up the good work bro.
Very well structured and easy to follow. I like how you voiced over every steps so I didnt have to go back and fort to check visually but just listening to your voice instead. Thank you so much, SUBBED!!!!!!
finished the tutorial loved it. would be more helpful if the windows shortcuts were said at same time found it bit confuzing getting command and control mixed up how would i make the button change back frames as the moon is hidden in the second frame and i dont know what to select to make it change back
very appreciate it. Why is the step changing the background frame to a darker color but the sun ellipse not change along and still the same yellow color? I thought they are in the same frame
Cause I wanted the same shades and effects values. So I asked the creator of the video and he told me to press k on the keyboard and scale to the desired size. And i figured out in the end :)
Hey! Great Tutorial man. I was making this as my first ever Project on Figma but m stuck at the very last step. Idk why my "change to" option in interactions is greyed- out. Can you pls help me out with that?
thank you for the tutorial, everything is very clear. But my ' change to' option in the animation panel is freezed and can't be used. Any idea how this can be released?
You probably have accidentally hit it already so in your prototype panel make sure you dont already have an interaction, if you do delete it by clicking on the minus button and make your new one. Hope this helps 👍🏼
Stucked here here when I click on shift alt it is selecting clouds front and clouds back also here. 4 are selecting. How to specify select the sun and moon and rays please tell me,, kindly waiting for your answer
Hello. I get stuck on the part of 8:29. You said grab your sun and moon frame. But when i'm doing that the clouds front, clouds back and rays are also been selected. I'm doing it repeatedly. I followed your instructions but I can't see showing clip content because i can't deselect the clouds and rays. Please help me.. Thanks!.. By the way, I really like your animations. It's awesome! 👍
Hi! First time Figma user also, u can click anywhere on your project so you can deselect the objects, then try using CTRL and select only the objects you need. Hope it helps!!
Finally, someone cares to respond 😌. Thank you.. I just tried on my other way to resolve it. I made another frame for moon and i made an individual interaction for it. But it turns into separated sun and moon animation. I still going to try yours. Again, thank you so much.
Hi! Thank you for this tutorial But I came across a problem, the color and animation disappear when you move the mouse away and a small part of the icon remains a gray void, the mechanism also works with a delay, is there a problem with the design or do I need to fix something in the mechanism?
After making a project like this in figma how do I upload a micro interaction video playing on loop on my behnace portfolio ? is there a way to convert this video to embed video for free.
The clouds ellipse are not going under frame i mean when i put the clouds inside the sun frame the whole ellipse are visible they are not underlying what to do please help🙁
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
DEVELOPER crying in the corner 🥹
You’ll be ok, I promise ❤️
😂😂😂😂
😂😂
Yes it was me I'm crying In my house corner 🥲
You can try using background-image as SVG
I always wanted a simple yet easy tutorial for a toggle button and this definitely was it, simply followed along the tutorial and i was able to create my very own toggle button, definitely giving a follow. Keep up the good work bro.
Glad it helped!
Wooow... Tutorials like these that help us practice even more. Keep making tutorials like this, they're great. Thanks for the support!
More to come!
The best well paced easy soothing instruction. At the end you just smiled
Please make more tutorials like these, we love to watch these kind of tutorials.
It's so creative. I've finished this tutorial. Thank you very much!
Awesome!! I hope you liked it!!
Finally made it!!!!!!
All thanks to this tutorial!
Nice work!
Very well structured and easy to follow. I like how you voiced over every steps so I didnt have to go back and fort to check visually but just listening to your voice instead. Thank you so much, SUBBED!!!!!!
Thanks for the SUB!!!
@@shmeltstudioshello, I’m a new subscriber. Thank you for your videos, I love them all!!! How do you export these animations? I use Tilda
I found the designer vs developer meme template. Nice work!
haha I know that blew up really fast lol
Amazing bro
Thank you!
i love your video its so esay to follow and you tell what keybind so i dont have to figure it out on my own!!
Nice!! I made it as my very first figma project. Thanks bro
That’s so cool 👍🏼 glad I could help!!
videoyu adım adım takip ettim ve işe yaradı. gerçekten çok teşekkür ederim!
I just did this. It is so cooool. Thanks!!!
Very helpful. Many thanks😍
Great Chanel love all your videos 💌
thank you so much!
Wowowowowow i love it loveit i intend to use it in any app i code thankssssss
Sweet!!!
Took me long, but I was determined! So beautiful! Thank you!
Mindblowing Animation Bro
thank you!!
Thank you very much 😊😊
Thank you so much.
One of the most helpful tutorials I've ever seen. Thank you so much!
this is beautiful
😍
Nice work 😍
Thank you 😘
Thank you sir we want more tutorial like this
It's my first time to use Figma, How can I adjust the Y and X value just like that? and what to click when you say option and drag?
Your work is great
@shmelt studios I have gone through several different videos for animation but yours was the best.
You are next level
Thank you for your tutorial ❤ it’s amazing. I have already created this awesome button 😊
Such a pleasure even just to watch this. Exited to try it 🎉 Thank you for the detailed tutorial!
Wow. Thank you.
nice design
Thank you!
i really thought this was gonna be easy, thanks for the tutorial though
Brilliant
beautiful..
Thanks
Good work!
Thank you! Cheers!
11:03 I am stuck on this step and can't seem to change it back to blue background. Please tell me how to do it or any alternative solution
Whoa😍😮, I am exited to try it! Really thank you for the detailed tutorial.
Great work :)
Thank you! Cheers!
Love This.
I'm a graphıc designer who wants build up uı/ux design career. Your explanation makes it easier to understand tools thank u :)
💞Amazing 💞
what is the button option on the keyboard when you say "press option and shift"?
Do you know the timestamp by chance?
Hey! congratulations for the clear tutorial. I made it and it looks amazing.
This is great 🤩
This is adorable!
AMAZING
I try my best and finally I can do that🎉
Hey, i look your videos on tiktok. You are GENIUS ! Please more content videos ! 😮
i really liked this video could you help me because i am not able to use the change to option in the prototype
finished the tutorial loved it. would be more helpful if the windows shortcuts were said at same time found it bit confuzing getting command and control mixed up
how would i make the button change back frames as the moon is hidden in the second frame and i dont know what to select to make it change back
Thank You!!!
Woww bro i like itt
Thank you 🤟🤟
holy shit that looks good
Awesome ! I hope I can do like you !
Please make more tutorials like this.
Thank you for the tutorial❤
So good, SUBBED!
Great tutorial
SMOOTH 😮💨🙌🔥🔥🔥
its amazing!!
This is next level. I’ll practice this
🥳🥳
very appreciate it. Why is the step changing the background frame to a darker color but the sun ellipse not change along and still the same yellow color? I thought they are in the same frame
I LIKE YOUR TEACHING METHOD , love from pakistan
can anyone help me? I'm not getting Animation option.. and Inspect option beside prototype
how do you make it the circle transparent 2:27 because mine is not
Beautiful tutorial ❤️ can I try this in free version of figma?
Amazing work! but do you resize everything ? I need the toggle much smaller that original size..
Why won't you do it the correct size from the beginning??
Cause I wanted the same shades and effects values. So I asked the creator of the video and he told me to press k on the keyboard and scale to the desired size.
And i figured out in the end :)
Yep, use K on your keyboard to scale, proportionately, and while keeping all of your elements in the same position 🤟🏼
Hey! Great Tutorial man. I was making this as my first ever Project on Figma but m stuck at the very last step. Idk why my "change to" option in interactions is greyed- out. Can you pls help me out with that?
i have no idea what figma is but that toggle looks awesome
i designed it in figma but how do i use it in a website HTML code or what do i nee to do any help?
"I wasted my nights, you turn off the lights"
Oh My God!!! A COMPONENT SET!!! GOD DAMN IT!!! 30 MINUTES FOR ONE MISSED SETTING!!!
😍😍
I have question. After clip content My moon didn't go behind rays !! 🤔like .. Moon and Sun is on the same equal place.
RIP frontend developer tou will be well remembered
its good for exploring your creativity but not for the actual project still thanks for tuts..
What did you do at 2:15
Can you include the colours in a screenshot using dropbox?
Oh boy , the developers gonna hate me now :D
Welcome to the club 🤭
I would love to see the coding part 😆
thank you for the tutorial, everything is very clear. But my ' change to' option in the animation panel is freezed and can't be used. Any idea how this can be released?
You probably have accidentally hit it already so in your prototype panel make sure you dont already have an interaction, if you do delete it by clicking on the minus button and make your new one. Hope this helps 👍🏼
I can't find the moment where the object is saved as an asset so that I can use it for the start.
Stucked here here when I click on shift alt it is selecting clouds front and clouds back also here. 4 are selecting. How to specify select the sun and moon and rays please tell me,, kindly waiting for your answer
Amazing
i created🤩🤩
como você colocou a elipse dentro do retângulo não consigo
hello i don't know why a the end when i go to the assets i can't find only 1 to put it on a fram i always find all the one's i did any help please ?
On what button do you drag he doesent explain it in the tutorial?
Hello. I get stuck on the part of 8:29. You said grab your sun and moon frame. But when i'm doing that the clouds front, clouds back and rays are also been selected. I'm doing it repeatedly. I followed your instructions but I can't see showing clip content because i can't deselect the clouds and rays. Please help me.. Thanks!.. By the way, I really like your animations. It's awesome! 👍
Hi! First time Figma user also, u can click anywhere on your project so you can deselect the objects, then try using CTRL and select only the objects you need. Hope it helps!!
Finally, someone cares to respond 😌. Thank you.. I just tried on my other way to resolve it. I made another frame for moon and i made an individual interaction for it. But it turns into separated sun and moon animation. I still going to try yours. Again, thank you so much.
plz make a windows edition
i can't figure what the option and command all those mean
obrigado, do Brasil
Hi! Thank you for this tutorial
But I came across a problem, the color and animation disappear when you move the mouse away and a small part of the icon remains a gray void, the mechanism also works with a delay, is there a problem with the design or do I need to fix something in the mechanism?
After making a project like this in figma how do I upload a micro interaction video playing on loop on my behnace portfolio ? is there a way to convert this video to embed video for free.
You say it's too late to make it but is it too late to try🎶
in prototypes when im doing hovering change to isnt avaliable
The clouds ellipse are not going under frame i mean when i put the clouds inside the sun frame the whole ellipse are visible they are not underlying what to do please help🙁
Hey can u share the color Scheme's