Figma
Donner à Claude le contexte de tes maquettes Figma pour coder ou les décrire.
- Toutes les éval. :
- Date de parution :
- 16 octobre 2025
- Créateur :
- Projet public (github.com)
- Type :
- MCP
Ajouter Figma
Gratuit · Ajout à ta bibliothèque, sans carte bancaire.Connecte-toi pour ajouter ce produit à ta liste de souhaits ou suivre ses mises à jour.
À propos de Figma
Le serveur MCP de Figma apporte à Claude le contexte de tes fichiers de design : structure des écrans, composants, styles et variables. Claude s’en sert pour écrire le code d’une interface fidèle à la maquette, réutiliser les composants de ton design system ou expliquer et documenter un design. Très utilisé par les développeurs front-end avec Claude Code : on colle le lien d’un cadre Figma et Claude génère le composant correspondant. Exemples de demandes : « Code ce cadre Figma en React avec nos composants existants », « Quelles variables de couleur utilise cet écran ? », « Décris ce parcours d’inscription pour la documentation ». La connexion se fait avec ton compte Figma, sur les fichiers auxquels tu as accès. Figma applique des limites d’appels selon ton offre : très réduites avec un siège gratuit ou en lecture seule.
Informations
- Version :
- 1.0.3
- Mise à jour :
- 12 novembre 2026
- Vérification :
- Non vérifié
- Dépôt :
- github.com/figma/mcp-server-guide
Ce qu’il peut faire
Le créateur n’a pas encore décrit les accès.
Installer Figma dans Claude
Un connecteur MCP relie Claude à un service : Claude peut alors y lire ou y faire des choses pour toi, avec ton accord. Compte deux minutes.
- Ajoute-le à ta bibliothèqueClique « Ajouter à ma bibliothèque » sur cette page : c’est gratuit et immédiat.
- Copie l’URL du connecteurDans ta bibliothèque, sélectionne le produit : son URL s’affiche avec un bouton « Copier ».
- Ajoute-le dans ClaudeDans Claude (site ou application), ouvre Paramètres › Connecteurs, clique « Ajouter un connecteur personnalisé », donne-lui un nom et colle l’URL.
- Connecte ton compteSi le service demande une connexion (ton compte Notion, GitHub…), Claude ouvre sa page : accepte seulement les accès dont tu as besoin.
- Utilise-le dans une conversationActive le connecteur dans le menu des outils de la conversation, puis demande simplement ce que tu veux.
Avant d’ajouter un produit, lis ses permissions plus haut. Tu peux retirer un connecteur ou un skill à tout moment dans les paramètres de Claude.
Questions fréquentes sur Figma
- Figma est-il gratuit ?
- Oui. Figma est gratuit : il s’ajoute à ta bibliothèque Claude Market, sans carte bancaire.
- Comment installer Figma dans Claude ?
- Ajoute Figma à ta bibliothèque pour obtenir son URL. Dans Claude, ouvre Paramètres › Connecteurs, clique « Ajouter un connecteur personnalisé » et colle l’URL.
- Figma fonctionne-t-il avec Claude Code ?
- Oui. Dans un terminal, lance claude mcp add --transport http suivi d’un nom et de l’URL du connecteur.
- Figma est-il un produit officiel d’Anthropic ?
- Non. Figma est un projet public ; cette fiche a été créée par Claude Market à partir de son dépôt, et le produit n’est pas hébergé ici. Claude Market est un projet indépendant, non affilié à Anthropic.
Évaluations
Connecte-toi puis ajoute ou achète ce produit pour le noter (avis certifiés).
Pas encore d’avis. Seuls les utilisateurs qui ont ajouté ou acheté le produit peuvent le noter.
Produits similaires
Design et images · MCPKilnDécris un objet : ton agent le conçoit, le vérifie et l’imprime en 3D.Aucune évaluationGratuit
Design et images · MCPSvGridVérifie le code SvGrid écrit par l’IA avec la vraie API, plus la doc des grilles Svelte 5 par version.Aucune évaluationGratuit
Design et images · MCPPerfboard DesignerConcevoir des plans de plaques perforées et à bandes, vérifier le câblage et les ouvrir dans l’éditeur.Aucune évaluationGratuit