Spacing Scale

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. 1

   No configuration needed — the spacing scale is embedded automatically.

2. 2

   All spacing utilities (`p-*`, `m-*`, `gap-*`, `w-*`, `h-*`) are resolved to pixel values.

3. 3

   Custom spacing values from your `tailwind.config` are included alongside the defaults.

4. 4

   Figma auto-layout padding and gap are set using these pixel values, not approximations.

5. 5

   Arbitrary values like `p-[13px]` are also parsed and applied correctly.

Related