Figma Variables

Tweak the cleacss tokens visually, copy them as CSS, or download a Figma Variables JSON file ready to import as a Variable Collection with Light and Dark modes.

Space

Each space token is a fluid clamp(). Set the minimum and maximum px values — interpolation is rebuilt automatically between 360px and 1440px viewports.

Color

The neutral scale is generated from a single hue + chroma.

Neutrals

Grid

Maximum content width per breakpoint, in pixels.

Border radius

Preview

Neutral scale
Accents
Border radius
Button

Export

Get started

Read the documentation or browse the source on GitHub.