Why Design Tokens Explorer?
Enjoy the developer-first experience. Access, visualise, share, search and use your design tokens instantly — directly inside your editor.
Design tokens, directly inside your editor.
Design Tokens Explorer brings your compiled design tokens directly into Visual Studio Code, making them searchable, visualisable and instantly accessible while you code.
Great design isn’t analyzed — it’s felt.
The same goes for your codebase. Stop guessing where and how tokens are used. Get a clear, instant view of your design tokens in action.
Drive adoption.
Track how design tokens are used across your codebase.
Quickly find and replace values to keep everything aligned with your design system — consistently, at scale.
How It Works.
Connect your design tokens, explore them visually, and use them directly in your code—without breaking your workflow.
Solo or Team?
We've got you covered.
Transparent one-time pricing for individuals and teams.
Start simple and scale as you grow, with no hidden fees or surprises.
Your Questions, Answered
Find everything you need to know about DTE and how to use it.
Ready to take control of your design tokens?
Search, inspect, and apply design tokens directly in your workflow.