Text alignment
Control horizontal and vertical alignment of text within a text layer.
Horizontal alignment
Horizontal alignment controls how lines of text are distributed left-to-right within the text box:
| Alignment | Behavior |
|---|---|
| Left | Text starts at the left edge of the text box. The right edge ragged. |
| Center | Each line is centered within the text box. |
| Right | Text ends at the right edge. The left edge is ragged. |
| Justify | Text is stretched to fill the full width of each line (except the last). |
Vertical alignment
For text layers that have a fixed height (a text box), vertical alignment controls how the text block sits top-to-bottom within the box:
| Alignment | Behavior |
|---|---|
| Top | Text starts from the top of the text box. |
| Middle | Text is vertically centered within the box. |
| Bottom | Text is pinned to the bottom of the text box. |
Changing alignment
- Select a text layer.
- In the right inspector, open the Typography section.
- Click the horizontal alignment buttons (Left / Center / Right / Justify).
- For vertical alignment, click the vertical alignment buttons if the text layer has a fixed height.
Tips
- Use Left alignment for most body text — it is the easiest to read in Latin scripts.
- Use Center for short one-line headings, buttons, or labels where symmetry matters.
- Avoid Justify on narrow text columns — short lines produce excessive word spacing.
- Vertical middle works well for single-line button labels to keep text optically centered.