Skip to main content
Solved

Smart Animate: text scale issue

  • September 8, 2025
  • 7 replies
  • 316 views
Nina Grylla

Hey!

I recently noticed a strange error in several of my projects. When I apply smart animate to a component, the text is increasingly displayed incorrectly.

Example 1: I use a zoom effect on an image with a delay, and the text remains unchanged in both states. In the preview, the text suddenly becomes larger. I suspect that my variable mode for the font size is being ignored during the initial interactions, which is causing the error. It is also strange that the error only occurs in the first transition; the other images do not have this problem.

 

Example 2: I have the same problem with the text in an accordion element.

 

I made sure that the elements are named identically and are recognized as identical elements via multi-edit. Does anyone have an idea? I would like to fix it because it looks unprofessional in the customer presentation. Have I overlooked something here?

 

Thanks!

Best answer by Mathspace Scott

I’m experiencing the same issue. The BUG seems to happen when using text styles.

The solve I found can be seen in the demo prototype showing the difference using text styles in the component vs not. Both use the same variable I set up to scale the text.
 

 

7 replies

Nina Grylla
  • Nina Grylla
  • Author
  • New Member
  • September 9, 2025

Update: I have completely decoupled the text from my variables. Now the error no longer occurs. Unfortunately, this is not a permanent solution. However, it is strange that it does not affect every animated component. Only a few in my documents. The problem is that the main component is created with the default variable mode (I work with breakpoints here) and that during the animation, the variables are temporarily reset to those of the main component, even though I have set the instance to the correct mode. There is no problem if the text size does not change in the modes.

Mathspace Scott

I’m experiencing the same issue. The BUG seems to happen when using text styles.

The solve I found can be seen in the demo prototype showing the difference using text styles in the component vs not. Both use the same variable I set up to scale the text.
 

 

    Michael_Marandola

    My team is having the same issues across multiple projects. It seems to be a Figma bug related to variable sizing and smart animate. It was working well until a few months ago we started noticing this issue in a project we are currently working on. I am going back and forth with Figma support now via email.

    Mike
      Michael_Marandola

      OK - Figma pushed a fix for this a little while back and has been fine, now it seems the issue is back again! :( Just noticed it last week and double checked across other files and they are doing the same issue - resetting copy to standard size then going to the variable size that is set for the breakpoint when using responsive variables. 

      Mike
        Nina Grylla
        • Nina Grylla
        • Author
        • New Member
        • May 6, 2026

        OK - Figma pushed a fix for this a little while back and has been fine, now it seems the issue is back again! :( Just noticed it last week and double checked across other files and they are doing the same issue - resetting copy to standard size then going to the variable size that is set for the breakpoint when using responsive variables. 

        I just ran into that error again. The only solution for me, as Scott mentioned in his reply above, is to separate the text from the text style.

        Michael_Marandola

        That seems to be a workaround rather than a solution which stinks for us :( 

        Mike
        Celyn_L
        Figmate
        • Celyn_L
        • Figmate
        • June 5, 2026

        Hi everyone, Celyn from Figma Community Support here.

        Thanks for flagging this and for sharing the details. Our Engineering team is currently investigating the issue, and we'll post any updates here as soon as we have them.

        In the meantime, please feel free to submit a bug report with a link to the affected file and invite support-share@figma.com with Can View access. This won't impact your billing and will help us reproduce the issue and gather the information needed to support the investigation.

        We appreciate your patience while we work through this and will keep you posted as we learn more 🙏

        Terms & ConditionsAccessibility statement