Design tokens
Variables nommées plateforme-agnostiques qui encodent les décisions de design (couleur, typo, spacing, motion, radius) dans un format JSON DTCG transformable vers CSS, Sass, iOS Swift, Android XML, Flutter Dart, Tailwind. Les design tokens sont le contrat formel design ↔ code ↔ agent IA.
Forces
- Contrat formel multi-platform, un seul JSON DTCG transforme en CSS / iOS / Android / Flutter
- Lisibles par les agents IA quand exposés via MCP ou référencés dans CLAUDE.md, réduit drastiquement la fabrication de couleurs/spacings inventés
- Architecture 3 niveaux (primitives → semantics → components) qui scale sur 4-6 DS frères avec resolvers DTCG mode×brand×theme
Limites
- Naming est le pain point #1 reporté par les équipes, 'global', 'semantic', 'primitive', 'alias' se chevauchent et perdent les gens
- Sans `$description` field DTCG, les LLMs misappliquent les tokens (ex: `color-error` utilisé comme `accent`)
Pour qui
- Design system multi-marques / multi-devices qui doit éviter le drift entre équipes et entre agents IA
- Équipes qui exposent leur DS aux agents (Claude Code, Cursor) via MCP ou DESIGN.md