Nested looping animations don't play in prototypes

[Axel_RocketMoney]

I tried creating a prototype that has nested component animating on a loop, however Figma stops the looping animation when it’s being moved in another frame.

Here’s what I did

1. Create a square component that changes color from red to blue After Delay on a loop
2. Put square component into another frame that animates moving that square
3. The looping color animation will STOP when being moved

Here is my file demonstrating the issue:

Figma

Any ideas or workarounds to get this working?

I would expect Figma to respect the current state of the nested components, however Figma seems to reset the nested component state to the beginning while the parent is moving it.

[Vishal_Ramawat]

Yes, I had similar issue while trying to make a flapping bird move across the screen.
The only way I could get it done was using a variable to change the padding of the bird so as to simulate movement.

Another thing to note is, the After Delay in swapping Movement variants (80ms) should be more than After Delay in Child variant swapping (75ms)

Hope this will help you in figuring out a solution for your use case.