Back to Store
Design Token Generator
Define your design tokens and export them in CSS, Tailwind, SCSS, JSON, Swift, or Kotlin format.
Colors
Primary
Secondary
Accent
Neutral
Success
Error
Typography & Spacing
Heading Font
Inter
Manrope
Poppins
Space Grotesk
DM Sans
Plus Jakarta Sans
Outfit
System UI
Body Font
Inter
Manrope
DM Sans
Nunito
Source Sans 3
Lato
System UI
Base Font Size (px)
Spacing Unit (px)
Border Radius (px)
Generated Tokens
CSS Variables
Tailwind
SCSS
JSON
Swift
Kotlin
Copy to Clipboard
Download All Formats
Live Preview
Components styled with your tokens