Back to Plugins
Spacing Measure

Spacing Measure

Visualize margins, paddings, and gaps instantly. Maintain 8px grid consistency.

Plugin Preview

Spacing Measure preview

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.

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

- 8px Grid & 4px Highlight: Any value that aligns with 8px grid rules (plus 4px as an exception) is automatically highlighted with a green badge, making it easy to spot inconsistencies.

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

- Premium Compact UI: A minimal 225x84px dark-themed panel that gives you full control without cluttering your workspace.

- Instant Response: Optimized for speed. Overlays update in near real-time as you change your selection.

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

Plugin Details

Version1
CreatedDecember 25, 2025
Last UpdatedDecember 25, 2025
CategoryAccessibility tools
CreatorKaworu Inoue
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none