To everyone that has the issue where the loader doesn't spin i found the solution to that. The issue for me was that i was rotating the variant (or state) and not the ellipse itself. Try giving an angle to the ellipse instead of the variant and most likely it will work.
When you recreated the checkmark I realized it is easier to rotate the checkmark first so its like a mirrored L, then remake it and rotate the rectangles after :)
hey! first of all, thank you so much for making these videos. you're awesome! Sorry if this a stupid question but here 10:17 what'd be the windows' buttons? I tried to replace manually but then the animation doesn't work...
Hi Isabela, your welcome and I'm glad you found it useful. You can hold Alt + Control on Windows. More details here help.figma.com/hc/en-us/articles/360039150413-Swap-components-and-instances
Hi everyone Can someone tell me how do I make the same type of animation as in this video but I want the animation to keep on going from the page opening?
@@speedo20 You should drag the item from your library with the mouse. Hold control + alt key on your keyboard and release the mouse on the item you want to swap with. More details and step by step instructions available here help.figma.com/hc/en-us/articles/360039150413-Swap-components-and-instances
Great video, if you view it in prototype and the loader isn't spinning on its own, what might be the issue and all the connections are set as After a delay
@@farhanrazaak tbh I'm now afraid that you might quit from demotivation but I have turned on notifications for your videos, I'll be commenting to motivate you coz your content is super useful
Hello Farhan - Thanks for the video. I'm not sure why but my 'loading button' isn't showing the amination? I followed everything closely. Do you know what may be wrong? thanks for your help!
hey man! great video. I have a problem with my prototyping, my loader isn't loading at all in prototype ive checked that the loader component is set to after delay and ineractive component is checked in prototype setting but it still isnt working.
Hi Muhammad, You seem to have done everything right. If it's still not working, you may restart the prototype. Figma sometime doesn't load properly so you might need to do a hard refresh. If you are the using Figma app, alternatively try the same in chrome. If none of this works, paste the link here (make sure to set as "anyone with the link can view" from the share window). I'll duplicate the file and see what's wrong.
Did you do only two states of the loader variant? Make sure to do three states with 120deg max difference between each. Anything beyond 179deg, Figma will do inverted animation and it will cause the spinner to move forward and backward. Hope this helps.
@@NikitaMalyshau-o3c Make sure to rotate the circle element inside the variant. If you rotate the variant itself, animation will not work. Also keep three variants and circle rotation value exactly same as the video. If you do more than 179degree rotation between variants Figma automatically does reverse animation and it could trigger back and forth shake motion. Hope this helps.
@@NikitaMalyshau-o3c duplicate this original file and see what's the issue. It must be something small you may have missed. www.figma.com/file/lW95iyRC8H7PzZbWcXbEcA/Button-Micro-Interaction?node-id=0%3A1 Figma some time has weird bugs which resolves on force reloading.
e understand tNice tutorialngs in better depth. I didn't even realize i was just scratcNice tutorialng the surface with tNice tutorials DAW. I'm using soft and soft one and I
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
Love from Nigeria. You taught very well. You were not too fast unlike other RUclips tutors. Thanks. Anticipating more videos
TNice tutorials was really helpful for soone coming from Ableton Live and having used Fruity Loops waaaay back in the past
To everyone that has the issue where the loader doesn't spin i found the solution to that. The issue for me was that i was rotating the variant (or state) and not the ellipse itself. Try giving an angle to the ellipse instead of the variant and most likely it will work.
Thank you, your comment helped me!
my god!! thanks!!
Thank you so much, tried again and it worked
Thank you from Singapore! This was very useful!! Didn't know this was even possible in Figma
not know , but just know you've affected my life, and apparently tens of thousands of others, in an imnsely positive way. Thank you
Thank you so much from Ukraine
I've seen many figma videos but this is the best one. This channel is so underrated
immediately subbed
This is so helpful
Thank you and God bless you
sick lighting🔥
Thanks from Ukraine!
I love how the way you explaining, looking forward for more!
Man Thank you so much you made it easy to understand I am now a new subbie
Very nice and well explained. Every tNice tutorialng is crystal clear and easily understandable.
Nice animation button. Great !
thank you so much dude you're a god
Nice mann !!! need more such micro interaction tutorials.
Absolute legend. Nice one
When you recreated the checkmark I realized it is easier to rotate the checkmark first so its like a mirrored L, then remake it and rotate the rectangles after :)
Yeah you’re right. Good one 👌
Man, thank you so much for making it so easy. Definitely looking forward for more content.
Thank you so much for this. Please upload more videos. Love from Bangalore
Thank you so much for this tutorial.
10:12 u should use comand option, what button are used command option.. I dont know, what is command any one tells
Good build, nice work
yo bro, really thankya. Big respect
GOD!!!My broo
How do you get it to start rotating?
This is a great walkthrough. Thank you!
Thanks so much
It's really very good tutorial... Thank you for sharing...
Amazing tutorial man and an interesting channel too, I'm looking forward to more videos.
Hi Nazqui, appreciate the feedback. Just posted another one. Slightly longer than this. Hope it's useful as well. Watch and let me know. Thank you.
Great work ❤
Thank you so much. This video helped me a lot.
hello, i don't have the variant buttun on the properties of my component ? any help ? ^^'
thx for your tips
hey! first of all, thank you so much for making these videos. you're awesome!
Sorry if this a stupid question but here 10:17 what'd be the windows' buttons? I tried to replace manually but then the animation doesn't work...
Hi Isabela, your welcome and I'm glad you found it useful. You can hold Alt + Control on Windows. More details here help.figma.com/hc/en-us/articles/360039150413-Swap-components-and-instances
Thank you so much for this wonderful tutorial
stay on tune with what you want to learn, just because it's hard now, doesn't an it's impossible. It's all about ntal mindset and
Thank you very much bro
impression almost everyone does their soft in soft soft but record their voice in ProTools. Not sure why. Would like learning how to do
Hi everyone
Can someone tell me how do I make the same type of animation as in this video but I want the animation to keep on going from the page opening?
Help I don’t know how to use the app my dad bought all the plugin s how do u use the app??
Could you please tell what I should press on Windows instead of command in order to replace the icon in component?
You can use control on windows
@@farhanrazaak I am using the control button but it's not working
@@speedo20 You should drag the item from your library with the mouse. Hold control + alt key on your keyboard and release the mouse on the item you want to swap with. More details and step by step instructions available here help.figma.com/hc/en-us/articles/360039150413-Swap-components-and-instances
@@farhanrazaak It works thank you bro
Thanks for the video
Great walkthrough, but in the prototype view the loader is not spinning. " After a delay " is added as mentioned. What could be the solution?
Hi Shahrian, check if you've enabled "interactive component". You can find this setting under prototype tab.
@@farhanrazaak I can’t find it under prototype tab
The only tNice tutorialng I learnt myself in soft soft is pressing tab in the keyboard to bring up the channel rack
Love the video man! I'm wondering, if you view it in prototype and the loader isn't spinning on it's own, where should I look for mistakes?
Most likely prototype connection related. Check if you’ve added “after a delay”.
Great video, if you view it in prototype and the loader isn't spinning on its own, what might be the issue and all the connections are set as After a delay
Hi Kelvin, double check if you've enabled "interactive component". You can find this setting under prototype tab.
@@farhanrazaak and it still doesn’t work(((((
Mine isnt working well.
Its just on one screen when i prototype, Its not rotating even though I have I done as similar as you have done
Hi Prateek, double check if you've enabled "interactive component". You can find this setting under prototype tab.
sa ...I don't even have a available device where i can download it
and just pay more attension. I envy you mate.
Keep it up
Thank you. Glad you liked it.
@@farhanrazaak tbh I'm now afraid that you might quit from demotivation but I have turned on notifications for your videos, I'll be commenting to motivate you coz your content is super useful
Hello Farhan - Thanks for the video. I'm not sure why but my 'loading button' isn't showing the amination? I followed everything closely. Do you know what may be wrong?
thanks for your help!
The Enable Interactive component is on
Make sure to rotate the circle element inside the variant. If you rotate the variant itself, animation will not work. Hope this helps.
@@farhanrazaak yes
@@farhanrazaak Thank you!!!
Lol when I start I go save and I have to at least spend 100 dollars so it doesn’t delete
good of course but it was hard to make that “modern soft”. I’ve heard many great tNice tutorialngs about soft soft throughout the years and finally
please upgrade the audio
works gj
hey man! great video. I have a problem with my prototyping, my loader isn't loading at all in prototype ive checked that the loader component is set to after delay and ineractive component is checked in prototype setting but it still isnt working.
Hi Muhammad, You seem to have done everything right. If it's still not working, you may restart the prototype. Figma sometime doesn't load properly so you might need to do a hard refresh. If you are the using Figma app, alternatively try the same in chrome. If none of this works, paste the link here (make sure to set as "anyone with the link can view" from the share window). I'll duplicate the file and see what's wrong.
feel overwhelming now but seriously tNice tutorials is cool. just started. pray i wont givin up in the middle lmao
Thank you for tNice tutorials video. I just downloaded soft soft and I was so, so lost. I couldn't even figure out how to make a soft. Your video
I recommend this crack
The spinner is moving anticlockwise and then clockwise :( Please help. Anyone else having the same issue?
Did you do only two states of the loader variant? Make sure to do three states with 120deg max difference between each. Anything beyond 179deg, Figma will do inverted animation and it will cause the spinner to move forward and backward. Hope this helps.
learn what they are doing. I would learn how to lay down drums on the channel rack and use so loops, and then once you have your
I spend 3 hours for it, but it doesn’t work
Where are you facing problems?
@@farhanrazaak it should be wheeling, but in practice it just shakes😢
@@NikitaMalyshau-o3c Make sure to rotate the circle element inside the variant. If you rotate the variant itself, animation will not work.
Also keep three variants and circle rotation value exactly same as the video. If you do more than 179degree rotation between variants Figma automatically does reverse animation and it could trigger back and forth shake motion. Hope this helps.
@@farhanrazaak Thank u! I made it as u said, but it still doesn’t work. It’s a pity. I think that’s it bug in Figma.
@@NikitaMalyshau-o3c duplicate this original file and see what's the issue. It must be something small you may have missed. www.figma.com/file/lW95iyRC8H7PzZbWcXbEcA/Button-Micro-Interaction?node-id=0%3A1
Figma some time has weird bugs which resolves on force reloading.
it is not rotating bro
you can make it easier
I read "gift of totalitarianism"...
e understand tNice tutorialngs in better depth. I didn't even realize i was just scratcNice tutorialng the surface with tNice tutorials DAW. I'm using soft and soft one and I
Its over
Just posted another one. Let me know your thoughts :)
tNice tutorials was really helpful on day 1 of softS for . I managed to create a whole 5 sec loop hahaha. But I am proud of myself and cannot
alot
comnt doesnt even relate to the video
^^
Worst tutorial ever. Hard to understand what you're saying, and you never address what you're doing with commands and such.
yo bro, really thankya. Big respect
I recommend this crack