Kit de designDesign kit
La librairie Figma Agentica The Agentica Figma library
Chaque token, chaque composant, chaque état — construits pour refléter le code exactement. Dupliquez-la, liez les Variables à votre fichier, et concevez à partir de la même source de vérité que celle utilisée par vos équipes d'ingénierie. Every token, every component, every state — built to mirror the code exactly. Duplicate it, wire the Variables into your file, and design from the same source of truth your engineers ship from.
Dépend d'Agentica | Lucide Icons ↗, publiée séparément (3 449 icônes). Depends on Agentica | Lucide Icons ↗, published separately (3,449 icons).
Trois niveaux de tokens, vraiment liésThree token levels, actually wired up
Primitif → sémantique → composant : les mêmes tokens que le code, bindés à de vraies Variables Figma — jamais une couleur ou un espacement codé en dur.Primitive → semantic → component: the same tokens as the code, bound to real Figma Variables — never a hardcoded color or spacing value.
Composants qui matchent le code, variante pour varianteComponents that match the code, variant for variant
Chaque ComponentSet expose exactement les mêmes variantes, états et propriétés que son équivalent agtc-* — jamais plus, jamais moins.Every ComponentSet exposes exactly the same variants, states and properties as its agtc-* counterpart — never more, never less.
Mode sombre natifDark mode built in
Chaque composant existe en light et en dark, sur les mêmes Variables — pas un thème rapporté après coup.Every component exists in light and dark, on the same Variables — not a theme bolted on afterward.
Accessible par défautAccessible by default
Contrastes vérifiés, focus visible à deux couleurs, structure lisible aux lecteurs d'écran — WCAG 2.2 AA de base, pas une option.Verified contrast, two-color visible focus, screen-reader-legible structure — WCAG 2.2 AA by default, not an option.
Gouverné, jamais improviséGoverned, never improvised
Le code fait foi ; Figma est audité en continu contre lui (§22). Une dérive visuelle est un bug, pas une nouvelle référence.Code is the source of truth; Figma is continuously audited against it (§22). A visual drift is a bug, not a new reference.
Gratuit et ouvertFree and open
Publié sous licence Creative Commons CC BY 4.0 — cohérente avec le MIT du code : attribution requise, aucune restriction d'usage ou de modification.Published under a CC BY 4.0 Creative Commons license — consistent with the code's MIT license: attribution required, no restriction on reuse or modification.
DémarrerGet started
De Figma Community à votre fichierFrom Figma Community to your file
-
1
Dupliquer le fichierDuplicate the file
Ouvrez la librairie sur Figma Community et cliquez « Duplicate » — vous obtenez votre propre copie éditable, indépendante du fichier source.Open the library on Figma Community and click "Duplicate" — you get your own editable copy, independent from the source file.
-
2
Lier les Variables à votre projetLink the Variables to your project
Activez la librairie dans vos autres fichiers Figma (icône bibliothèque) pour consommer ses composants et Variables par instance, comme un package npm.Enable the library in your other Figma files (library icon) to consume its components and Variables by instance, the same way you'd consume an npm package.
-
3
Suivre les contrats de composantsFollow the component contracts
Chaque composant documente ses règles d'usage dans
guidelines/components/*.md— les mêmes règles que celles que le code applique.Every component documents its usage rules inguidelines/components/*.md— the same rules the code itself follows.
Prêt à concevoirReady to design