Figma MCP Server

Le serveur MCP de Figma fournit à Claude un contexte design structuré (mise en page, variables, composants et captures) pour transformer des frames en code fidèle au design. Le serveur hébergé peut aussi créer et modifier du contenu Figma natif, tandis qu'un serveur local intégré à l'app de bureau Figma est proposé aux organisations ayant des besoins entreprise spécifiques.

Pour qui

• Designers produit et UI
• Développeurs front-end qui transforment des maquettes en code
• Équipes design system

Prompts à essayer

Une fois connecté, demandez avec vos mots. Votre outil d'IA décide quand utiliser le serveur et vous demande votre accord avant de modifier quoi que ce soit d'important.

Transformez la frame Figma sélectionnée en composant React responsive qui réutilise nos composants Button et Card existants.

Listez les variables de couleur et d'espacement de cette frame et faites-les correspondre à notre config Tailwind.

Créez dans Figma une nouvelle page de réglages qui suit la mise en page et les composants de notre page de profil.

Comment le connecter dans votre outil d'IA

MCP est un standard ouvert, ce serveur fonctionne donc dans Claude, ChatGPT, Codex, Cursor, VS Code et plus. Choisissez votre outil :

Connecte pour moi le serveur MCP Figma MCP Server à Claude Code : exécute cette commande : claude mcp add --transport http figma https://mcp.figma.com/mcp
Si une valeur commence par YOUR_, demande-la-moi d'abord. Une fois connecté, aide-moi à me connecter si besoin et montre-moi une chose que je peux lui demander.

Comment nous l'avons vérifié

Vérifié dans la documentation développeur de Figma (configuration distante et bureau, limites par offre et siège), le dépôt figma/mcp-server-guide, l'entrée de registre (com.figma.mcp/mcp) et l'annuaire Claude ; le point d'accès hébergé répond par une demande OAuth.

Source : developers.figma.com/docs/figma-mcp-server/