Find and use your design tokens without leaving VS Code.

Read more at dtexplorer.io

Design tokens are platform-agnostic data that need to be compiled for each platform. The Design Tokens Explorer lets you browse, share and visualise design tokens created for the web.

Instant Search

Find any design token across all your collections in seconds with fast fuzzy search.

Multiple Collections

Organize and search tokens from multiple collections, design systems or brand libraries.

Adoption meter

Check your codebase gainst hard coded values that can be replaced with a design token.

Smart Autocomplete

Tokens appear directly in editor suggestions, so you can use them easily with the format you like.

Live Previews

Instantly preview colors, font sizes, spacing and other values before inserting them.

Quick actions

Search tokens across your codebase, copy them instantly, or insert them at the cursor with a single click.