Design Token Converter

Parse W3C design token JSON and generate CSS variables, SCSS, Android XML and iOS plist snippets

FAQ

Which platform formats can be generated?
It parses W3C design token JSON (the value and type shorthand is supported) and generates CSS variables, SCSS, Android XML and iOS plist snippets in one click.
Why does an invalid token appear in the result?
Usually a token is missing its required value field, and the table flags the affected path. Fill it in to generate normally. Groups can nest to any depth, and type is inferred from the value when omitted.

All data is processed locally in your browser. Nothing is uploaded.