Skip to main content
Solved

Smart animation not working properly - dissolves instead


Ryan_Welch

I’ve watched a ton of tutorials and looks up different articles, videos, etc. I can’t figure out how to get my animation to smart animate, not just dissolve. The file names are the exact same in the different layers.

If anyone has any solution or advice, I would be very appreciative. Right now the trigger is on click as I try to figure out a solution.

Figma – 7 Apr 23

Best answer by tank666

Figma cannot smart animate objects that have used the Arc tool. You need to do it differently. See an example in the official playground file:

Figma
View original

8 replies

JimmyB
  • 7 replies
  • April 7, 2023

Hey, did you make sure to change ‘interaction details’ to ‘Smart Animate’?

It’s buried pretty deep under the ‘Prototype’ tab:


Ryan_Welch
  • Author
  • 3 replies
  • April 7, 2023

Yes, smart animate is selected.


JimmyB
  • 7 replies
  • April 7, 2023

Do their hierarchy’s match?


Ryan_Welch
  • Author
  • 3 replies
  • April 7, 2023

Yes, the hierarchy matches.

https://i.imgur.com/Imjfbk2.png


tank666
  • 4859 replies
  • Answer
  • April 8, 2023

Figma cannot smart animate objects that have used the Arc tool. You need to do it differently. See an example in the official playground file:

Figma

Ryan_Welch
  • Author
  • 3 replies
  • April 8, 2023

Thank you!


  • 1 reply
  • March 20, 2024

How did you fix it? I have the same problem but can’t find the solution in the file that is linked.


Gavin_Busath

If you’re trying to animate circles being stretched, you can use rectangle shapes with corner radii instead of circles shapes.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings