Design Token Exporter

Enter your token name/value pairs and get ready-to-use output in four formats.

Colors (name: value, one per line)

Spacing Scale (name: value)

Font Sizes (name: value)

Example: primary: #7c5cfc

CSS Variables

SCSS Variables

JSON

Tailwind Config