figma-use

Par figma · mcp-server-guide

Skill `figma-use` du repo figma/mcp-server-guide : prerequisite obligatoire à charger avant tout appel `use_figma`, définissant les règles d'usage de l'API `$fig` pour manipuler des fichiers Figma.

npx skills add https://github.com/figma/mcp-server-guide --skill figma-use

Rôle du skill figma-use

Ce skill est le prérequis fondamental à charger avant chaque appel à l'outil use_figma dans le contexte du Figma MCP Server. Il établit l'ensemble des règles, patterns et contraintes que l'agent doit respecter pour exécuter du JavaScript dans un fichier Figma via la Plugin API. Son frontmatter l'indique explicitement : ne jamais appeler use_figma sans avoir chargé ce skill au préalable, sous peine d'erreurs difficiles à diagnostiquer.

Ce que contient ce skill

Le SKILL.md documente en détail l'API $fig, un builder global orienté plan qui gère la création et la mutation de tous les nœuds Figma (frames, textes, composants, variables, instances, etc.). Il fournit des patterns prêts à l'emploi — auto-layout, variantes, requêtes $fig.query(), consommation d'assets du design system via search_design_system — ainsi qu'une liste de règles critiques numérotées couvrant les pièges courants : types de nœuds, propriétés inexistantes, gestion des couleurs, gradients, tokens et variables. Il référence également un ensemble de fichiers de documentation complémentaires (fig-builder.md, critical-rules-deep.md, variable-patterns.md, etc.) situés dans le même repository.

Relation avec les autres skills du repo

Ce skill s'articule avec deux autres skills du dossier skills-figquery : figma-generate-design (pour la construction incrémentale de pages et d'écrans complets) et figma-generate-library (pour la création de composants avec fondations de tokens et variables). figma-use pose les règles API de base, les deux autres définissent des workflows de plus haut niveau qui s'appuient sur lui.

Comment l'utiliser

Dans un agent configuré avec le Figma MCP server (via Claude Code, Cursor ou VS Code), ce skill est automatiquement chargé avant tout appel use_figma. Si vous construisez votre propre intégration ou adaptez le workflow, le point de départ est ce SKILL.md : il constitue la référence principale des règles d'exécution JavaScript dans le contexte Figma, et doit être traité comme un prerequisite non négociable dans la séquence d'appels de l'agent.

Skills similaires