Mind The Gap

Generate consistent spacing systems in seconds

Plugin Preview

Mind The Gap helps designers quickly generate spacing variable

collections using a scale-based system. Simply set your base scale

and number of steps, and the plugin creates a complete spacing system

with intuitive t-shirt size naming (s, m, l, xl, etc.) plus a

spacing-0 for zero values.

Perfect for:

- Building consistent spacing systems for design systems

- Creating spacing variables that scale proportionally

- Establishing spacing tokens with memorable t-shirt size naming

- Quickly generating spacing collections without manual setup

Features:

- Set custom scale values (1-100)

- Generate 1-15 spacing steps

- Automatic t-shirt size naming convention

- Creates Figma variables in a "Spacing" collection

- Clean, minimal interface with smooth animations

- One-click generation