Spacing and measurement tools in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of spacing tools in Figma?

Spacing tools help you measure and maintain consistent gaps between elements, making your design clean and easy to understand.

beginner

How do you measure the distance between two objects in Figma?

Select one object, then hold the Alt key (Option on Mac) and hover over the second object. Figma shows the distance between them.

beginner

What is the role of smart guides in spacing?

Smart guides appear automatically to help align objects and show equal spacing, so you don’t have to measure manually.

intermediate

Explain how to use the ruler and grid in Figma for spacing.

Rulers and grids provide visual lines and boxes to help place and space elements evenly. You can turn them on from the View menu.

beginner

Why is consistent spacing important in design?

Consistent spacing makes designs look organized and professional. It helps users focus and understand the layout easily.

Which key do you hold to see the distance between two objects in Figma?

A Shift

B Alt (Option on Mac)

C Ctrl (Cmd on Mac)

D Space

Holding Alt (Option on Mac) while hovering over another object shows the distance between them.

What feature helps you align objects and shows equal spacing automatically?

A Color picker

B Ruler

C Layers panel

D Smart guides

Smart guides appear to help align objects and indicate equal spacing.

Where can you enable rulers and grids in Figma?

A View menu

B File menu

C Edit menu

D Help menu

Rulers and grids are turned on from the View menu.

Why is consistent spacing important in design?

A It makes the design look organized and professional

B It adds more colors

C It increases file size

D It makes text bigger

Consistent spacing helps users understand the layout and keeps the design neat.

What does holding Alt and hovering over an object NOT show?

A Distance between objects

B Spacing measurement

C Object color

D Pixel distance

Holding Alt shows spacing and pixel distance, but not the object color.

Describe how you use Figma’s spacing and measurement tools to ensure consistent design layout.

Think about how you check distances and align objects easily.

Explain why consistent spacing improves user experience in a design.

Consider how spacing affects how people read and navigate a design.