Design Systems

Tokens, theming, component libraries, Storybook.

8 skills

# Skill Source Description Δ
1 penpot-uiux-design github/awesome-copilot Concevoir des interfaces professionnelles dans Penpot via un serveur MCP dédié. 40 143 18
2 premium-frontend-ui github/awesome-copilot Architecturer des interfaces web premium avec animations, micro-interactions et identité visuelle forte. 40 143 18
3 figma-use openai/skills Exécuter du JavaScript dans Figma via le Plugin API pour manipuler des fichiers. 28 137 10
4 figma-use figma/mcp-server-guide Exécuter du JavaScript dans Figma via l'API Plugin pour manipuler des fichiers. 2 083 0
5 wix-design-system wix/skills Naviguer et interroger la documentation du design system Wix pour intégrer ses composants. 34 0
6 figma-generative-plugins figma/mcp-server-guide Créer et mettre à jour des plugins Figma génératifs via des appels d'outils dédiés. 2 083 0
7 figma-use figma/mcp-server-guide Créer, modifier et assembler des nœuds Figma via le Plugin API JavaScript. 2 083 0
8 figma-spec figma/mcp-server-guide Créer, lire et éditer des specs Figma embarquées via des APIs dédiées. 2 083 0

À propos de cette sélection

L'outillage autour des design systems a longtemps ressemblé à un chantier sans plan directeur : des tokens éparpillés dans trois fichiers, des composants documentés nulle part, un Storybook que personne ne maintient vraiment. La situation a évolué. Les skills design systems rassemblés ici couvrent des besoins concrets : générer et valider des tokens sémantiques à partir d'un fichier Figma, ou auditer automatiquement une bibliothèque de composants pour repérer les incohérences visuelles avant qu'elles partent en prod. L'écosystème reste hétérogène côté implémentation, mais plusieurs orgs majeures comme Figma ou Shopify poussent des conventions qui commencent à faire référence. Ces skills s'adressent surtout aux devs frontend qui basculent vers une logique de système plutôt que de page.