Hey guys! I’m new to Figma, so forgive me if this is a totally stupid question.
I’m trying to animate a spinning wheel for a loading screen using variants. I followed a handful of YouTube tutorials that all suggested the same method, but none of them animated when I previewed. I eventually caved and ripped someone’s from community, but it still would just sit there on preview. I eventually realized that I needed to hit reset (R) to make the animation occur.
Does anyone know what’s up with this? A setting I need to change? Let me know, thanks so much!
Reviving this thread because I had the same problem after an update a while back. I found there was a relation between my frame location on the canvas and wether “after delay” smart animations would work without having to click “Restart” on the prototype… Bizarre!
If my frame that’d been selected as “Flow starting point” is above other frames in the prototype, the animations work on first load of the prototype. If I move the flow starting point frame to an equal horizontal level or below any other frame thats in the prototype, the animations require a “restart” to work. I’ve tried this a number of times in different files, and have repeated the fix/break.
Would be interested if anyone else is experiencing, or if there is a different solution thats been discovered.
1 Like
Experiencing the same thing with my prototype.
For 3 consecutive screens I have the same animation. However, it only works for the first animation played - meaning if I start the prototype directly from the second screen that one works, same for the third but never 2 following each other.
A small work around I found was to actiate ‘Reset component state’ in the interaction menu. This solves only half the problem though since only half of the animation is playing, the second half of the animation is still not happening.
1 Like
Okay after trying out pretty much everything I found a solution for my problem (however, this is probably really specific for my case).
I copied the first screen and instead of just adding the animated component a second time, I addtionally left the first component in there and just set it’s layer opacity to 0%. I repeated this step for the 3rd screen so I had the component in there 3 times but 2 of them are set to 0% opacity. I guess Figma kinda accepted that these are new components, since the 1st and 2nd were in there as well.
I hope this makes sense 
Let me know if I should explain it again in more detail.
1 Like