Skip to main content
cb-torpedo
New Member
January 8, 2024
Question

Dynamically reduce text font size or scale to fit parent container?

  • January 8, 2024
  • 21 replies
  • 43164 views
  • I need a single line of text to fit within a container without wrapping, breaking the boundary, or truncating.
  • I need the text to get smaller when it gets too long to fit, either by reducing font size or overall scale.
  • The text is dynamic, so I can’t reliably tell how long it will be to pick an ideal font size.

Things I’ve tried:

  • Standard left and right with top and bottom constraints, but if the text becomes too long, it wraps and breaks the boundary or truncates.
  • Using text auto width with scale constraints, but the text just grows outside the boundary.
  • Using text auto width then wrapping it with an auto layout, thinking the layout could hug the text and use scale constraints to get smaller, but hug resizing and scale constraints are mutually exclusive.

Is there any way to do this dynamically?

21 replies

Raphael_M
Power Member
October 22, 2024

Why don’t you read it again? I said it’s not possible, i’m giving him a trick. There might be available plugins right now, but i’m not sure about it.

And if this was stackoverflow, I would have send him a snippet if I have an answer.

October 24, 2024

I took sometime to find the scale tool. In case you didn’t know, the short cut is letter K in your keyboard: https://help.figma.com/hc/en-us/articles/360040451453-Resize-layers-with-the-scale-tool

Chris_P1
New Member
February 25, 2025

There is also no “Shrink” setting that I can find.

rrrryan
New Member
May 7, 2025

Has anyone figured this out? I’m trying to build a translations of graphics from the same base component. Manually scaling each instance with the K tool defeats the purpose.

Chris Hanel
New Member
July 5, 2025

Adding another note to this thread that none of the information here is helpful and in some cases is texbook AI hallucination. If you read this, ignore the whole thing and start your search again. Just went down a 30 minute rabbit hole trying to follow steps that are impossible to implement.

Osama_Turki
Active Member
July 6, 2025

There is no way to automatically change the font size of a text layer in Figma.

Thais Esmeraldo
New Member
August 14, 2025

I was also trying to find a solution for the same problem and found the Auto Font Size in Frame plugin, don’t know if it’s helpful for you, but it’s working here. 

Gedeon_Jorgen
New Member
September 10, 2025

→ Set the text size in the component manually.

The only way to I could find was placing your text string with a manual size setting, not a variable, in an auto-layout container. A silly workaround and no automation, sorry.
 

The font size, 16 px, is not set by a variable.

 

5242_Bora
New Member
October 28, 2025

@uipastel stop using chatGPT for answering kid, you just wasting everyone’s time

Rhys3
New Member
November 13, 2025

@uipastel wtf wasting so much of my time with this nonsense. This thread is all noise, the answer is just “it is not possible” afaict. @uipastel should be banned.