Figma offers various tools to help you align and distribute objects easily. When you select multiple objects, you’ll find a set of tools like the one shown below.
Aligning Objects
In Figma, you can align objects vertically or horizontally, choosing from start, middle, or end alignment options. Figma cleverly uses the boundaries of all selected objects to align them perfectly.
The following keyboard shortcuts facilitate these alignment actions:
- Align Left:
Option/Alt + A - Align Center (Horizontal):
Option/Alt + H - Align Right:
Option/Alt + D - Align Top:
Option/Alt + W - Align Middle (Vertical):
Option/Alt + V - Align Bottom:
Option/Alt + S
Distributing Objects
Figma also lets you evenly distribute objects. When distributing horizontally, it considers the leftmost and rightmost objects as boundaries; for vertical distribution, it uses the topmost and bottommost objects.
The platform includes keyboard shortcuts for distribution tasks:
- Distribute Vertically:
Ctrl + Alt/Option + V - Distribute Horizontally:
Ctrl + Alt/Option + H
Tidy Up
The Tidy Up tool makes it super easy to tidy up messy selections without the need for precise adjustments. You can use the Tidy Up to neatly organize your chosen items.
Tidy Up arranges selected items closely together with equal spacing. This feature isn’t just handy for Smart Selections; it works wonders with tables and toolbars too. Plus, unlike the usual distribute function, Tidy Up ensures consistent spacing every time.
