What it measures
- The space between two elements, horizontally or vertically
- Padding, margins, gutters and gaps in a layout
- Both directions at once: with Enhanced Precision, hover to see horizontal and vertical spans together
- Consistency of spacing across a design
How to measure the gap between two elements
Choose the gap tool
Press ⌃⌥M, then 7.
Drag across the gap
Hold ⌘ and drag from one edge to the other; the direction follows the way you drag. Press A to switch between horizontal and vertical.
Or let it find the gap
With Enhanced Precision on, hover between elements to see the spans live, and ⌘-click to pin them.
Keyboard shortcuts
- 7
- Choose the gap tool
- ⌘drag
- Measure a new gap
- A
- Switch between horizontal and vertical
- ⌥←→
- Move the second edge
- ⌘C
- Copy the gap
Free or Pro?
The Gap is part of Measure My Pro, a one-time purchase. Before you buy, it opens once for a full session, so you can try it on your own work.
Enhanced Precision — edge snapping, gap detection and a real-pixel loupe — is free and optional. It needs Screen Recording permission; everything else works without it.
Questions and answers
How do I measure padding or spacing between UI elements on a Mac?
Use Measure My’s gap tool: hold ⌘ and drag across the space between the two elements. The readout shows the gap in pixels, with anchor bars sitting exactly on both edges.
Can it detect gaps automatically?
Yes, with the free Enhanced Precision, which needs Screen Recording permission. Hover between elements and it shows the horizontal and vertical spans; ⌘-click pins them.