Skip to main content
Question

Smart Animate: text scale issue

  • September 8, 2025
  • 3 replies
  • 92 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!

3 replies

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.