figma-use

Rôle du skill figma-use

Ce skill est le point d'entrée obligatoire avant tout appel à l'outil use_figma dans un agent Claude connecté au serveur MCP de Figma. Il ne s'agit pas d'un squelette ou d'un placeholder : c'est un skill pleinement fonctionnel et très détaillé, conçu pour être chargé par l'agent afin de lui fournir le contexte nécessaire à l'exécution de JavaScript dans des fichiers Figma via la Plugin API.

Ce que ce skill contient

Le SKILL.md embarque un ensemble complet de règles critiques, de workflows et de références croisées :

• Règles d'API : gestion du return, interdiction de figma.closePlugin() et figma.notify(), plages de couleurs 0–1, chargement des polices, gestion asynchrone des pages avec setCurrentPageAsync, etc.
• Workflow incrémental : conseils pour découper les opérations en plusieurs appels use_figma, utiliser des placeholders shimmer, valider après chaque étape avec get_metadata et screenshot().
• APIs efficaces : documentation des méthodes node.query(), node.set(), figma.createAutoLayout() et node.screenshot() à privilégier pour réduire le code verbeux.
• Récupération d'erreurs : tableau de correspondance erreur → cause → correction, et rappel que les scripts échoués sont atomiques (aucune modification partielle).
• Checklist pré-vol : liste de vérification à passer avant chaque soumission d'un appel use_figma.

Contexte dans le repo parent

Ce skill fait partie du repository figma/mcp-server-guide, qui documente l'utilisation du serveur MCP officiel de Figma. Il est conçu pour être installé dans des clients comme Cursor ou Claude Code via le plugin Figma, et fonctionne conjointement avec d'autres skills du même repo (notamment figma-generate-design) ainsi qu'une collection de fichiers de référence (references/) contenant les typings complets de la Plugin API, les patterns de variables, de composants, de styles, etc.

Comment l'agent l'utilise

L'agent doit charger ce skill — via skillNames: "figma-use" ou en lisant le SKILL.md — systématiquement avant d'émettre un appel use_figma. Les références supplémentaires (gotchas.md, common-patterns.md, variable-patterns.md, etc.) sont chargées à la demande selon la nature de la tâche, comme indiqué dans le tableau de la section 10 du skill.