Tag · 3 guides
Design Tokens
Every guide tagged design-tokens, sorted by most recent.
DEDesign Token Naming: 7 Systems Compared
How Polaris, Carbon, Primer, Material Design, Lightning, Spectrum, and Fluent name their tokens. Side-by-side comparison with patterns, examples, and what to steal for your system.
Your Tokens Are a Prompt: Semantic Naming for AI UI Builders
When an AI builds your interface, the token name is the instruction. Why visual names like color.blue.500 make models guess, and how intent-based names make generation predictable.
PRO
Build Your Own MCP Server for Your Design System
Stop pasting token tables into prompts. In about 100 lines of TypeScript, give every AI tool on your team live, queryable access to your tokens and components, and a lint tool that maps raw values back to the system.