Back to Plugins
Clean grid

Clean grid

Automatically check and fix spacing in Figma designs for 4x spacing system compliance

Plugin Preview

Clean grid preview

About this plugin

Clean Grid - 4x Spacing CheckerEnsure consistent spacing in your Figma designs with Clean Grid. This plugin automatically checks all spacing in your layouts for compliance with a 4x spacing system, helping maintain design consistency and alignment.Features:Automatic spacing validation: Checks horizontal and vertical distances between elements, as well as distances from frame edges4x spacing system compliance: Ensures all spacing values are multiples of 4px (or 15px for frame edges)Smart error detection: Finds the closest neighbor relationships and identifies spacing violationsOne-click fixes: Automatically corrects spacing issues, especially in Auto Layout framesFiltered error view: Filter errors by type (Horizontal, Vertical, Frame Edges) for easier reviewComponent-aware: Intelligently skips components and special frames to focus on layout spacingHow it works:Select a frame or element in your Figma designClick "New Check" to analyze spacingReview any spacing errors foundFix issues automatically or manually adjust based on the suggestionsPerfect for design systems, UI consistency, and maintaining clean, aligned layouts across your designs.

Plugin Details

Version1
CreatedDecember 1, 2025
Last UpdatedDecember 1, 2025
CategoryFile organization plugins
CreatorKseniia Kiseleva
Stats25 installs, 13 likes
PricingFree

Technical Details

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