Convert Design Tokens Between CSS, SCSS, and JSON
Transform design tokens between formats used by different tools and frameworks. Convert CSS custom properties to SCSS variables, JSON tokens to CSS, and more.
Design Token Converter
Convert design tokens between W3C DTCG, Figma, CSS, SCSS, Tailwind, JS/TS, Android, and iOS formats
Supported token types and formats
Input Formats
Token Types
Output Formats
Quick Start
- 1Paste your design tokens in any supported format
- 2Select the target output format
- 3Review the converted tokens
- 4Copy the output for your project
More Convert Tools
All converters →Convert Punycode to Unicode Domain Names Online
Encode and decode Punycode for internationalized domain names (IDN). Free online Punycode converter.
Convert Text Case Online - camelCase, snake_case, UPPERCASE
Convert text between camelCase, snake_case, PascalCase, UPPERCASE, lowercase, and more. Free online case converter.
Convert Word to PDF Online Free
Convert Word .docx documents to PDF online for free with no email and no watermark. Runs in your browser, your file is never uploaded.
Convert Resume to PDF Online Free
Turn your Word resume or CV into a clean PDF online for free. No email signup, no watermark, file never leaves your browser.
Convert HEX to HSL Online
Convert a HEX color to HSL online for free with a live preview. See RGB and HSL values at once, ideal for CSS hover and theme states.
Convert HEX to RGB Online
Convert a HEX color code to RGB online for free with a live preview. Get RGB and HSL values instantly for CSS and design tools.
Looking for FAQs and advanced options? Visit the full Design Token Converter page →