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 :)
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?
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
@@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 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.
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
@@user-je8ur5rc1h 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.
@@user-je8ur5rc1h 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
