Figma
32 skills · 1 repo · 2 082
Figma est l'éditeur de la plateforme de design collaboratif du même nom, spécialisée dans la conception d'interfaces et les systèmes de design. Ses skills pour agents IA couvrent l'ensemble du cycle de conception : création et manipulation de fichiers, génération de designs à partir de composants existants, production de diagrammes FigJam, et conversion de maquettes en code. Ils permettent d'automatiser des workflows de design via l'API Plugin et le protocole MCP.
| # | Skill | Source | Description | ||
|---|---|---|---|---|---|
| 1 | figma-code-connect | figma/mcp-server-guide | Générer des fichiers de mapping Figma-code pour connecter composants et snippets TypeScript. | 2 082 | |
| 2 | figma-code-connect | figma/mcp-server-guide | Générer des fichiers .figma.ts pour connecter des composants Figma à du code. | 2 082 | |
| 3 | figma-code-workflows | figma/mcp-server-guide | Importer un projet web dans Figma en tant que calque de code ou design modifiable. | 2 082 | |
| 4 | figma-create-new-file | figma/mcp-server-guide | Créer un nouveau fichier Figma vierge dans les brouillons d'un utilisateur. | 2 082 | |
| 5 | figma-create-new-file | figma/mcp-server-guide | Créer un nouveau fichier Figma vierge dans les brouillons de l'utilisateur. | 2 082 | |
| 6 | figma-design-to-code | figma/mcp-server-guide | Convertir un design Figma en code adapté au stack et aux conventions du projet cible. | 2 082 | |
| 7 | figma-design-to-code | figma/mcp-server-guide | Convertir un design Figma en code adapté à la stack et aux conventions du projet cible. | 2 082 | |
| 8 | figma-generate-design | figma/mcp-server-guide | Créer ou mettre à jour des écrans Figma en réutilisant les composants du design system. | 2 082 | |
| 9 | figma-generate-design | figma/mcp-server-guide | Créer ou mettre à jour des écrans Figma en réutilisant les composants du design system. | 2 082 | |
| 10 | figma-generate-diagram | figma/mcp-server-guide | Générer des diagrammes FigJam en syntaxe Mermaid.js selon le type adapté. | 2 082 | |
| 11 | figma-generate-diagram | figma/mcp-server-guide | Générer des diagrammes Mermaid.js éditables dans FigJam avec contraintes et routage par type. | 2 082 | |
| 12 | figma-generate-library | figma/mcp-server-guide | Construire des systèmes de design Figma professionnels en orchestrant des workflows multi-phases structurés. | 2 082 | |
| 13 | figma-generate-library | figma/mcp-server-guide | Construire des design systems Figma professionnels en orchestrant des workflows multi-phases structurés. | 2 082 | |
| 14 | 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 082 | |
| 15 | figma-generative-plugins | figma/mcp-server-guide | Créer et mettre à jour des plugins Figma génératifs via des appels d'outils structurés. | 2 082 | |
| 16 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques spécifiques. | 2 082 | |
| 17 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques framework. | 2 082 | |
| 18 | figma-shaders | figma/mcp-server-guide | Créer et mettre à jour des shaders Figma de type effet ou fill via MCP. | 2 082 | |
| 19 | figma-shaders | figma/mcp-server-guide | Créer et mettre à jour des shaders Figma de type effet ou fill via MCP. | 2 082 | |
| 20 | figma-spec | figma/mcp-server-guide | Créer, lire et éditer des specs Figma embarquées via des APIs dédiées. | 2 082 | |
| 21 | figma-swiftui | figma/mcp-server-guide | Convertir des designs Figma en SwiftUI et inversement, dans les deux sens. | 2 082 | |
| 22 | figma-swiftui | figma/mcp-server-guide | Convertir des designs Figma en SwiftUI et inversement, dans les deux sens. | 2 082 | |
| 23 | figma-use | figma/mcp-server-guide | Exécuter du JavaScript dans Figma via l'API Plugin pour manipuler des fichiers. | 2 082 | |
| 24 | figma-use | figma/mcp-server-guide | Créer, modifier et assembler des nœuds Figma via le Plugin API JavaScript. | 2 082 | |
| 25 | figma-use-figjam | figma/mcp-server-guide | Créer, inspecter et organiser des éléments FigJam via l'API plugin Figma. | 2 082 | |
| 26 | figma-use-figjam | figma/mcp-server-guide | Manipuler des fichiers FigJam via l'API Figma Plugin dans un agent IA. | 2 082 | |
| 27 | figma-use-motion | figma/mcp-server-guide | Animer des nœuds Figma avec keyframes, styles et timelines via l'API motion. | 2 082 | |
| 28 | figma-use-motion | figma/mcp-server-guide | Gérer les animations, keyframes et styles de motion dans Figma via l'API Plugin. | 2 082 | |
| 29 | figma-use-slides | figma/mcp-server-guide | Créer et personnaliser des présentations Figma Slides via l'API Plugin MCP. | 2 082 | |
| 30 | figma-use-slides | figma/mcp-server-guide | Manipuler des fichiers Figma Slides via l'API plugin MCP avec règles spécifiques. | 2 082 | |
| 31 | generate-project-plan | figma/mcp-server-guide | Convertir un PRD en tableau FigJam structuré avec sections et blocs visuels. | 2 082 | |
| 32 | video-interaction-mapper | figma/mcp-server-guide | Convertir un enregistrement vidéo UI en storyboard Figma annoté automatiquement. | 2 082 |