Skip to content
Clean grid

Clean grid

by Kseniia Kiseleva

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

FreeFigma

Installs

34

Likes

15

Users

104

Views

251

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.

More file organization plugins plugins

View all