Skip to main content

​
Contenu d’un système de design

Un système de design généré comprend :
  • Tokens — des valeurs nommées (couleurs, espacements, rayons) que le reste du système référence
  • Couleurs — la palette avec ses rôles (primaire, surface, accent…)
  • Typographie — familles, tailles, graisses
  • Exemples de composants — 2 à 3 composants construits illustrant l’usage du système
  • Logos et ressources de marque — inclus lorsque vous les fournissez clairement
Le système de design APEX X1 affiché comme guide de style vivant en mode focus, avec une barre latérale des couleurs, polices, mise en page et composants, la palette principale, l'échelle typographique et des exemples de composants

​
Comment il est stocké

Un système généré vit dans votre projet sous forme de guide de style vivant : les tokens dans tokens.json alimentent les variables CSS (par ex. src/index.css) que vos composants utilisent. DESIGN.md en est la représentation documentaire — lisible par vous, utilisable par Agent.

​
Utiliser DESIGN.md comme source

Un fichier DESIGN.md existant peut servir de base à un nouveau système de design : pointez-le lors de la création d’un système, aux côtés d’autres sources comme une URL Figma, un site web, du code, ou des images de référence.