Design Token Kit

Try it online

Validate and convert tokens in your browser

Load a token file, validate its structure, convert it into implementation formats, and preview or download a showcase. Everything runs locally in your browser, including nested property reference validation and conversion.

  1. 1LoadChoose an example, paste tokens, or use Upload file and drag & drop.
  2. 2CheckRead as selects the source format; Lint adds naming and architecture checks.
  3. 3ConvertTo chooses the generated code format; Convert & preview updates both outputs.
  4. 4ExportDownload the generated code or the standalone token-showcase.html file.

Output

Paste tokens or load an example to start.

Validation pendingYour tokens are checked locally and never uploaded.

    Showcase

    Rendered from the same token file.

    Convert tokens to generate the output and render the showcase.