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.
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
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 :)
@@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
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?
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.
@@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.
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.
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
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
Thanks from Ukraine!
Love from Nigeria. You taught very well. You were not too fast unlike other RUclips tutors. Thanks. Anticipating more videos
Thank you so much from Ukraine
TNice tutorials was really helpful for soone coming from Ableton Live and having used Fruity Loops waaaay back in the past
Thank you from Singapore! This was very useful!! Didn't know this was even possible in Figma
I've seen many figma videos but this is the best one. This channel is so underrated
immediately subbed
not know , but just know you've affected my life, and apparently tens of thousands of others, in an imnsely positive way. Thank you
This is so helpful
Thank you and God bless you
sick lighting🔥
Absolute legend. Nice one
Nice animation button. Great !
I love how the way you explaining, looking forward for more!
GOD!!!My broo
Good build, nice work
yo bro, really thankya. Big respect
How do you get it to start rotating?
Thank you so much for this tutorial.
Nice mann !!! need more such micro interaction tutorials.
This is a great walkthrough. Thank you!
thank you so much dude you're a god
Thank you very much bro
Man, thank you so much for making it so easy. Definitely looking forward for more content.
Great work ❤
10:12 u should use comand option, what button are used command option.. I dont know, what is command any one tells
Man Thank you so much you made it easy to understand I am now a new subbie
Thank you so much for this. Please upload more videos. Love from Bangalore
hello, i don't have the variant buttun on the properties of my component ? any help ? ^^'
thx for your tips
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.
Thanks so much
Thank you so much for this wonderful tutorial
Very nice and well explained. Every tNice tutorialng is crystal clear and easily understandable.
It's really very good tutorial... Thank you for sharing...
Thank you so much. This video helped me a lot.
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
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 👌
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”.
Thanks for the video
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
Help I don’t know how to use the app my dad bought all the plugin s how do u use the app??
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(((((
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
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
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
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?
impression almost everyone does their soft in soft soft but record their voice in ProTools. Not sure why. Would like learning how to do
and just pay more attension. I envy you mate.
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!!!
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.
The only tNice tutorialng I learnt myself in soft soft is pressing tab in the keyboard to bring up the channel rack
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.
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
sa ...I don't even have a available device where i can download it
works gj
Lol when I start I go save and I have to at least spend 100 dollars so it doesn’t delete
please upgrade the audio
feel overwhelming now but seriously tNice tutorials is cool. just started. pray i wont givin up in the middle lmao
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.
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
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
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.
you can make it easier
I read "gift of totalitarianism"...
it is not rotating bro
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
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
Its over
Just posted another one. Let me know your thoughts :)
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