Measurements & Spacing
View exact pixel distances between elements by holding Alt and hovering over layers.
Developer Handoff
Shortcut: Alt+HoverBeginner4 min readQuick Reference
Measurements & Spacing
FigmaKeyboard Shortcut
Alt+Hoverkey
Toolbar Location
Figma toolbar
Best Used For
- ▸Refer to the tutorial content for specific use cases
- ▸Practice with sample projects to build experience
- ▸Combine with other tools for advanced workflows
Beginner-Friendly⏱ 15–30 minutes to master
Key Settings
Select:Hover:AltRead:
Measurements & Spacing shows the exact pixel distance between a selected layer and other elements. Hold Alt and hover to see measurements in all four directions.
Where to Find It
Select any layer, then hold Alt (Option) and hover your cursor over other elements on the canvas.
How to Use
- Select: Click on a layer to select it.
- Hover: Hold Alt and hover over another element to see red measurement lines.
- Read: The pixel distance appears in white numbers on the red measurement lines.
- Multiple: Measurements show distances in all four directions simultaneously.
Pro Tips
- Use measurements to verify spacing matches your design system specifications.
- Measurements work between any two layers, including text, shapes, and frames.