Clean grid

About this plugin

Clean Grid - 4x Spacing Checker

Ensure 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:

1. Automatic spacing validation: Checks horizontal and vertical distances between elements, as well as distances from frame edges
2. 4x spacing system compliance: Ensures all spacing values are multiples of 4px (or 15px for frame edges)
3. Smart error detection: Finds the closest neighbor relationships and identifies spacing violations
4. One-click fixes: Automatically corrects spacing issues, especially in Auto Layout frames
5. Filtered error view: Filter errors by type (Horizontal, Vertical, Frame Edges) for easier review
6. Component-aware: Intelligently skips components and special frames to focus on layout spacing

How it works:

1. Select a frame or element in your Figma design
2. Click "New Check" to analyze spacing
3. Review any spacing errors found
4. Fix issues automatically or manually adjust based on the suggestions

Perfect for design systems, UI consistency, and maintaining clean, aligned layouts across your designs.