design-tokens

Une collection d'analyses de fichiers DESIGN.md issues de systèmes de design de marques populaires. Intégrez-les à votre projet pour permettre aux agents de codage de générer une interface utilisateur correspondante.

Framework CSS-in-JS universel et typé pour les systèmes de design.

Construisez des applications React cohérentes et personnalisables basées sur des principes de conception par contraintes.

Un système de build pour créer des styles multiplateformes.

Extrayez le système de design complet de n'importe quel site web avec une seule commande. Supporte les jetons DTCG, les structures sémantiques/primitives/composites, serveur MCP pour Claude Code/Cursor/Windsurf, émetteurs multi-plateformes (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, variables Figma, shadcn/ui, audit CSS et conformité WCAG.

Extrayez le système de design de n'importe quel site web en jetons en quelques secondes : logo, couleurs, typographie, bordures et plus encore. Une seule commande.

180 dégradés CSS3, Figma, Sketch & PSD gratuits — incluant un jeu de données JSON pour les outils de conception, les générateurs et les agents IA.

Dépôt officiel du DTCG pour le site et la spécification des design tokens

Convertissez des interfaces de référence (images, captures d'écran, URL) en JSON d'ADN de design quantifié — jetons, style qualitatif, effets visuels — puis générez une interface correspondante à partir de votre contenu

Dépôt officiel du plugin 'Tokens Studio for Figma' (Figma Tokens).

Une liste de ressources sur tout ce qui concerne les Design Tokens.

🎨 Plugin Figma pour exporter des jetons de conception (design tokens) au format JSON compatible avec Amazon Style Dictionary.

Moteur de méthode de conception open source pour Claude Code, Codex et Cursor. 23 compétences d'agent pour le jugement de conception fixe, grammaires multiples, palettes sémantiques, compilation de référence et interface utilisateur vérifiée par preuves. MIT.

Transformez Claude en architecte de conception senior : jetons de conception DTCG, 42 composants, accessibilité WCAG 2.2, code multi-framework, 138 systèmes de conception et compétences exécutables.

Une liste organisée de signets, ressources et articles sur les systèmes de design axés sur les développeurs.

Figmagic fait le pont entre le DevOps et le design : générez des jetons de design, exportez des graphiques et extrayez des composants React basés sur ces jetons depuis vos documents Figma.

Un ensemble de composants React pour le projet PatternFly.

🖌️ Rendez vos balises <script> plus légères et vos <style> plus intelligents

Documentation du design token générée à partir de vos feuilles de style et de vos fichiers d'icônes. Visualisez les modifications des design token dans le navigateur. Ajoutez vos design tokens à vos pages Storybook Docs en utilisant les blocs de doc personnalisés.

Compilez votre design system en un Agent Plugin. Extrayez une identité à partir de n'importe quelle référence, générez SKILL.md + tokens.css, et effectuez un lint sur ce qui contourne vos tokens.

Environnement de développement visuel pour CSS

Une spécification pour définir des objets de thème et des jetons de design à utiliser avec des composants d'interface utilisateur

Système de design prêt à l'emploi pour Unity 6 UI Toolkit (UIDocument + PanelRenderer, UXML + USS) : jetons, support de matériaux shader fx, 42 composants, 120 icônes, responsive mobile, thème sombre. Une seule feuille de style, aucune dépendance. Éprouvé dans un jeu cross-play commercial.

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.

Système de design Helios