"
Skip to content
tools
.znclabs
All Tools
About
Contact
TR
EN
Home
/
Developer Tools
/
Design Token Exporter
Design Token Exporter
Enter your token name/value pairs and get ready-to-use output in four formats.
Colors (name: value, one per line)
primary: #7c5cfc secondary: #22d3ee success: #2dd4a7 warning: #f5a623 danger: #f2545b
Spacing Scale (name: value)
xs: 4px sm: 8px md: 16px lg: 24px xl: 40px
Font Sizes (name: value)
sm: 14px base: 16px lg: 20px xl: 28px
Example: primary: #7c5cfc
CSS Variables
SCSS Variables
JSON
Tailwind Config
Ad space
Related Tools
DNS Record Type Reference
Git Command Reference
HTTP Basic Auth Header Generator
Regex Explainer
Semver Range Checker
DMARC Record Builder