How to resize a Text Frame in Figma

A step by step guide on sizing a text frame to fit its content or to custom dimensions in Figma.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 07/13/2023 at 14:46
Last Updated on 07/14/2023 at 17:07
A flower that represents Figma with the text “Resize Text Frame” beneath it.

A step by step guide on sizing a text frame to fit its content or to custom dimensions in Figma.

SubscribeCheck out our free mobile e-commerce Figma design file

Step One: Select the Text Frame

A screenshot of Figma showing a text frame selected. The text within the frame is overflowing the boundaries of the text frame.

Select the text frame that you wish to resize or size to fit.

Step Two: Resize or Size to Fit

A screenshot of Figma that shows you a text frame that fits its content exactly.

There are two ways to resize the frame:

  • Adapting it manually by dragging the frames handles.
  • Double clicking the top or bottom edge of the frame to make it size to fit its content.

A | Manual

A screenshot of Figma showing the text frame of the prior step. Highlighted are the squares that appear on the edge of the text frame. These are known as handles and allow you to resize the frame by clicking and dragging them to a new location that adapts the frames area.

Drag the handles to adapt the size manually.

B | Size to Fit

A screenshot of the text frame shown in Step One with highlights on the top and bottom edges of the text frame. Double click the top or bottom edges to make the text frame automatically adjust to fit the content.

Double click the bottom or top edge to make the text frame adapt to fit its content.

Looking to learn more about the basics behind text, shapes and media in Figma ?

Consult the list below to learn more about the basics behind text, shapes and media in Figma.

How to add text to a Frame in FigmaHow to add shapes to a Frame in FigmaHow to use Boolean Groups in FigmaHow to use the Pen tool in FigmaHow to add images to a Frame in FigmaHow to use a mask in FigmaHow to crop an image in FigmaSearch blog for all Figma tutorials

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe