figma-implement-design
par figma
Traduit les maquettes Figma en code d'application prêt pour la production avec une fidélité visuelle 1:1. À utiliser lors de l'implémentation de code UI à partir de fichiers Figma, lorsque l'utilisateur mentionne…
npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-implement-designPlus de skills de figma
figma-code-connect
figma
Crée et maintient les fichiers de modèle Figma Code Connect qui associent les composants Figma à des extraits de code. À utiliser lorsque l'utilisateur mentionne Code Connect, composant Figma…
official
figma-create-design-system-rules
figma
Génère des règles de système de conception personnalisées pour la base de code de l'utilisateur. Utilisez lorsque l'utilisateur dit "créer des règles de système de conception", "générer des règles pour mon projet", "configurer la conception…
official
figma-create-new-file
figma
Crée un nouveau fichier Figma vierge. À utiliser lorsque l'utilisateur souhaite créer un nouveau design Figma ou un fichier FigJam, ou lorsque vous avez besoin d'un nouveau fichier avant d'appeler use_figma.
official
figma-generate-design
figma
Utilisez cette compétence avec figma-use lorsque la tâche implique la traduction d'une page d'application, d'une vue ou d'une mise en page multi-section dans Figma. Déclencheurs : 'écrire dans…
official
figma-generate-diagram
figma
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…
official
figma-generate-library
figma
Construire ou mettre à jour un système de design professionnel dans Figma à partir d’une base de code. Utiliser lorsque l’utilisateur souhaite créer des variables/tokens, construire des bibliothèques de composants, définir…
official
figma-use
figma
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…
official
figma-use-figjam
figma
Cette compétence aide les agents à utiliser l'outil MCP use_figma de Figma dans le contexte FigJam. Peut être utilisée en complément de figma-use qui fournit le contexte fondamental pour utiliser le…
official