Text resizing
Control how a text layer's bounding box responds to its content.
Resizing modes
Text layers have three resizing modes that determine how the bounding box behaves when the text content changes:
| Mode | Behavior |
|---|---|
| Auto (fit content) | The text box grows and shrinks in both width and height to fit the text. No manual resizing needed. |
| Fixed width | Width stays fixed; height adjusts automatically to fit the text. Text wraps at the fixed width. |
| Fixed | Both width and height are fixed. Text may overflow or be clipped if it is too long. |
Setting the resizing mode
- Select a text layer.
- In the right inspector, find the Resizing or Text layout section.
- Click the mode icon to switch between Auto, Fixed width, and Fixed.
Alternatively, drag the handles of a text layer:
- Drag a corner handle on a single-click text layer to switch it to Fixed width mode.
- The text layer automatically switches between modes depending on how you interact with it.
Choosing the right mode
- Use Auto for labels, button text, and any text where length varies and you do not want to manage box size manually.
- Use Fixed width for paragraphs of body text where you need a specific column width but don't want to hard-code the height.
- Use Fixed when the text must stay inside a strictly bounded container — be careful of overflow.
Tips
- If text is being clipped and not visible, the layer is likely in Fixed mode with a height too small for the content.
- Auto mode is the most flexible starting point — switch to fixed width or fixed only when the layout requires it.
- In auto-layout frames, the text resizing mode interacts with the frame's sizing rules — test the layout at various content lengths.