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