Spacing Token Generator

About this plugin

🔧 What It DoesThis 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 Works1. 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 TokensClick "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