Spacing Measure

About this plugin

Verify your layout integrity in seconds with Spacing Measure.

Spacing Measure is a lightweight, high-performance Figma plugin designed for designers and developers who demand precision. Stop manually measuring between layers and start seeing your design system's logic brought to life on the canvas.

Key Features:

- All-in-One Visualization: Select nodes to instantly see margins, paddings, and gaps with color-coded overlays.

- Smart Filtering: Simply click "margin," "padding," or "gap" in the legend to toggle specific overlays on/off. Focus only on the info you need.

- Intuitive Hover Preview: Hover over legend items to temporarily highlight only those types on the canvas.

- Deep Nesting Support: Toggle "Measure Nested" to visualize the spacing of all children and grandchildren in a single view.

- 8px Grid & 4px Highlight: Values aligned with 8px rules (and 4px exceptions) are automatically highlighted with green badges for instant consistency checks.

- Value Focus Mode: Click any dimension badge on the canvas to highlight all identical values. Perfect for auditing specific spacing rules across complex layouts.

- Zero-Clutter Workflow: All overlays are organized into a dedicated layer group. One click to hide everything, with automatic cleanup every time you launch.