Skip to main content
Ryan_Welch
Ryan_Welch
Apr 7, 2023 10:32 PM UTC
Solved

Smart animation not working properly - dissolves instead

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
    This topic has been closed for replies.
    tank666
    tank666Solution
    Apr 8, 2023 9:11 AM UTC

    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
    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    View in thread

    9 replies

    JimmyB
    JimmyB
    Apr 7, 2023 10:44 PM UTC

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

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

    [Album] Figma Smart Animate Location - Album on Imgur
    Ryan_Welch
    Ryan_WelchAuthor
    Apr 7, 2023 10:55 PM UTC

    Yes, smart animate is selected.

    JimmyB
    JimmyB
    Apr 7, 2023 11:50 PM UTC

    Do their hierarchy’s match?

    Ryan_Welch
    Ryan_WelchAuthor
    Apr 7, 2023 11:59 PM UTC

    Yes, the hierarchy matches.

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

    tank666
    tank666Solution
    Apr 8, 2023 9:11 AM UTC

    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
    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
      Ryan_Welch
      Ryan_WelchAuthor
      Apr 8, 2023 4:05 PM UTC

      Thank you!

      Maja2
      Mar 20, 2024 11:17 AM UTC

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

        Gavin_Busath
        Gavin_Busath
        Dec 15, 2024 9:41 PM UTC

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

        Andedon
        Andedon
        New Member
        Apr 21, 2025 7:04 AM UTC

        I've encountered similar challenges while working on digital comics interfaces.

        Popular webtoon platforms like Webtoon, Tapas, Tappytoon, and Lezhin all implement scroll-based animations that require precise timing and element consistency.

         

        These reading apps typically use vertical scrolling with in webtoons you can and carefully orchestrated reveals and transitions to enhance storytelling.

         

        Feel free to share a screenshot if you'd like more specific assistance with your Figma prototype.

        Terms & ConditionsAccessibility statement