Showcase: Design Tokens Explorer If you're working withβ¦
0 reactions
Showcase: Design Tokens Explorer
If you're working with medium-to-large design systems, you know exactly how painful it is to track design token adoption in your code, or how hard it can be to visualise the tokens you actually need to use.
With **Design Tokens Plugin** (DTE), you can load your tokens from local or remote files and:
* Find any design token across all your collections in seconds with fast fuzzy search. π
* Organize and search tokens from multiple collections, design systems, or brand libraries. π
* Check your codebase against hard-coded values that can be replaced with a design token. β
* Tokens appear directly in editor suggestions, so you can use them easily in your preferred format. β¨
* Instantly preview colors, font sizes, spacing, and other values before inserting them. π¨
* Search tokens across your codebase, copy them instantly, or insert them at the cursor with a single click. π±οΈ
* This is also my first agentic and speech-driven product, developed using Claude Code and stream-coding. π€π»
The plugin is currently in beta an I would like to get as many feedback as possible during this launch period.
#js #dev #programming #technology
source
If you're working with medium-to-large design systems, you know exactly how painful it is to track design token adoption in your code, or how hard it can be to visualise the tokens you actually need to use.
With **Design Tokens Plugin** (DTE), you can load your tokens from local or remote files and:
* Find any design token across all your collections in seconds with fast fuzzy search. π
* Organize and search tokens from multiple collections, design systems, or brand libraries. π
* Check your codebase against hard-coded values that can be replaced with a design token. β
* Tokens appear directly in editor suggestions, so you can use them easily in your preferred format. β¨
* Instantly preview colors, font sizes, spacing, and other values before inserting them. π¨
* Search tokens across your codebase, copy them instantly, or insert them at the cursor with a single click. π±οΈ
* This is also my first agentic and speech-driven product, developed using Claude Code and stream-coding. π€π»
The plugin is currently in beta an I would like to get as many feedback as possible during this launch period.
#js #dev #programming #technology
source
| 4,000 mlx | |
| 7 | |
| 0 |