Spacing Scale
The full spacing scale — Tailwind's, or MUI's theme.spacing unit — is embedded so padding, margin, and gap values are pixel-perfect.
How it works
Every spacing utility (`p-4`, `gap-6`, `mt-8`) is resolved to its pixel equivalent using the captured spacing scale. This means Figma frames have the exact same padding and gap values as the browser, not approximations.
Usage
- 1
No configuration needed — the spacing scale is embedded automatically.
- 2
All spacing utilities (`p-*`, `m-*`, `gap-*`, `w-*`, `h-*`) are resolved to pixel values.
- 3
Custom spacing values from your `tailwind.config` are included alongside the defaults.
- 4
MUI projects: sx spacing props (`p`, `m`, `gap`) resolve through `theme.spacing` — same pixel fidelity.
- 5
Figma auto-layout padding and gap are set using these pixel values, not approximations.
- 6
Arbitrary values like `p-[13px]` are also parsed and applied correctly.