Aller au contenu
Claude Market
Fiche créée par Claude Market à partir du dépôt public du projet. Non hébergé ici.C’est ton projet ? Revendique cette fiche ›
Figma

Donner à Claude le contexte de tes maquettes Figma pour coder ou les décrire.

Toutes les éval. :
Aucune évaluation
Date de parution :
16 octobre 2025
Créateur :
Projet public (github.com)
Type :
MCP

Ajouter Figma

Gratuit · Ajout à ta bibliothèque, sans carte bancaire.
Gratuit
Ajouter à ma bibliothèque

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
Signaler ce produit

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.

  1. Ajoute-le à ta bibliothèqueClique « Ajouter à ma bibliothèque » sur cette page : c’est gratuit et immédiat.
  2. Copie l’URL du connecteurDans ta bibliothèque, sélectionne le produit : son URL s’affiche avec un bouton « Copier ».
  3. 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.
  4. 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.
  5. Utilise-le dans une conversationActive le connecteur dans le menu des outils de la conversation, puis demande simplement ce que tu veux.
Avec Claude CodeDans un terminal : claude mcp add --transport http nom-du-connecteur suivi de l’URL copiée dans ta bibliothèque.

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

On utilise des cookies de mesure d’audience

Avec ton accord, Google Analytics nous aide à comprendre quelles pages sont utiles. Les cookies nécessaires au compte et au panier restent actifs. Tu peux changer d’avis à tout moment via « Gérer les cookies » en bas de page. En savoir plus