Spacing Scale Generator

Generate consistent spacing scales for design systems

Base Size (px)

Steps

CSS Custom Properties

How it works

Set a base unit and number of steps
Preview each spacing value visually
Copy CSS custom properties for your project

Want to learn more?

Read the complete guide with examples and tips