"
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
Timecode / Frame Calculator
TLS/SSL Cipher Suite Strength Analyzer
URL Parser
uuidval.h1
Markdown Link Extractor
Database Connection String Builder