Spacing Token Generator

About this plugin

🔧 What It Does

This Figma plugin helps you automatically generate spacing Tokens based on your preferred scale. Whether you're working with a base-4 or base-8 spacing system—or even a custom multiplier—this tool creates a clean, structured set of spacing tokens to integrate into your design system.

⚙️ How It Works

1. Choose Your Base Grid

Start by selecting your preferred spacing grid:

- 4pt scale (perfect for tighter systems)

- 8pt scale (industry standard for scalable design systems)

- Or choose the "Custom" option to set your own base multiplier (e.g., 5, 10, etc.)

2. Add Multipliers

Define the multipliers you want to generate tokens for.

You can:

- Use the default multipliers (e.g., 1x, 2x, 3x...)

- Add your own custom multipliers for more control over your spacing structure.

3. Generate Spacing Tokens

Click "Generate" and the plugin will automatically:

- Create a new variable collection called "Spacing"

- Generate a full set of iTokens (Figma variables) based on your chosen base and multipliers

- Structure them cleanly and consistently for immediate use across your components

🚀 Why Use It?

- ✅ Save time on repetitive token creation

- ✅ Maintain consistency across your design system

- ✅ Scale your UI spacing logic with precision

- ✅ Easily integrate into Design Tokens pipelines or handoff processes