Skip to main content

Design Token Exporter

Export design tokens to CSS variables, SCSS, JSON, or Tailwind config

Design Tokens (JSON)

Enter your design tokens in JSON format

Exported Code

Your design tokens in CSS format

How to Use

1. Enter your design tokens in JSON format (colors, spacing, typography, etc.)

2. Select your desired export format (CSS, SCSS, Tailwind, or JSON)

3. Click Export to convert your tokens

4. Copy or download the generated code for your project