Spacing Measure

About this plugin

Verify your layout integrity in seconds.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 FeaturesAll-in-One Visualization — Select nodes to instantly see margin, padding, and gap with color-coded overlays.Smart Filtering — Click margin, padding, or gap in the legend to toggle specific overlays on and 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 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. Uncheck Grid to turn the highlight off.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.What's New in v1.2.0Live Measuring — Values now follow along as you move elements or adjust padding, without reselecting.Sharper Numbers — Fractional spacing is shown as-is instead of being rounded, and the green 8px-grid badge only appears for values that truly sit on the grid.Better Targets — Neighbours in the same layer are preferred, removing stray diagonal lines in grid layouts and bogus measurements against rotated elements.Zoom Aware — Badges scale with the viewport, so numbers stay readable at any zoom level.Remembered Settings — Show/Hide, Nested, Grid, and legend toggles carry over to your next session.Light & Dark Theme — The panel now follows your Figma theme.Guide Lines — Lines now show the extent of each space.Grid Highlight Toggle — Uncheck Grid to turn off the green 8px-grid highlight.Stability — Fixed leftover overlays, overlays lingering after a page switch, and slowdowns on very large frames.v1.1.0Smart Filtering — Toggle margin, padding, and gap overlays individually via the legend.Hover Highlight — Hover over legend items to emphasize specific spacing types on the canvas.UI Enhancements — Optimized text legibility and interaction animations for a smoother experience.