Ressources · Connecteur Claude

Connecteur Claude FigmaCe que Claude sait faire dans ton compte Figma.

Le connecteur Claude Figma expose 9 outils. 7 lisent tes fichiers, de la structure des calques aux variables, 1 ajoute un schéma dans FigJam, et 1 est décrit sans effet clair de lecture ou d'écriture. Ici : ce que Claude tire de Figma, ce qu'il produit, et où ça s'arrête.

Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth

Aperçu

Ce que le connecteur Claude Figma change entre maquette et code

Une intégratrice reçoit l'écran final d'un tunnel de commande dans Figma et doit le reproduire dans le code du site. Plutôt que de mesurer chaque marge et de recopier les couleurs à la main, elle colle le lien du frame dans Claude. Claude lit la mise en page, les variables et les composants directement dans le fichier, puis propose un code fidèle à ce que le designer a dessiné.

Partir de la vraie maquette, pas d'une capture. get_design_context récupère le contexte de design d'un calque ou d'une sélection, rendu par défaut en React avec Tailwind, et tu peux demander une autre techno dans ton message. Sur une page très chargée, get_metadata donne d'abord un plan léger des calques (noms, types, positions, tailles), pour que Claude n'aille chercher le style que là où il en a besoin.

Rester dans le design system. get_variable_defs liste les jetons de couleur, d'espacement et de typographie utilisés dans une sélection, et get_code_connect_map indique quelles instances Figma correspondent déjà à un composant de ton code. Le résultat réutilise ton bouton existant au lieu d'en inventer un.

Esquisser un parcours dans FigJam en une phrase. Décris un parcours d'inscription ou un rétroplanning et generate_diagram le dessine dans FigJam : organigramme, diagramme de Gantt, d'états ou de séquence, dans un nouveau tableau ou un existant.

Ce que la fiche Claude ne propose pas : les outils d'édition du canevas que Figma documente ailleurs, ceux qui construisent frames et composants dans un fichier de design, ne figurent pas dans sa liste aujourd'hui. get_screenshot ne renvoie qu'une description de l'image quand Claude l'appelle. Et rien ne se lance seul : aucun outil ne réagit à la publication d'une modification. Pour ce genre de déclenchement, vois plutôt l'Intégration Figma n8n ou l'Intégration Figma Make.

Vocabulaire

Le vocabulaire en une minute

Connecteur
Le lien que tu poses une fois entre Claude et un compte que tu as déjà, pour qu'il puisse y travailler pendant qu'il te répond.
Outil
Une action nommée que le connecteur ouvre à Claude. Il choisit lui-même celles qu'il lui faut ; le répertoire les liste par leur nom.
Autorisation
L'écran de connexion de Figma lui-même, où tu confies à Claude l'accès qu'il utilisera ensuite. Donnée une fois par personne, révocable.
Approbation
La confirmation que Claude attend dans la conversation avant de poursuivre une action qui toucherait à ton compte.
MCP
Le standard commun des connecteurs : la pièce qui permet à un assistant comme Claude de dialoguer avec un service extérieur comme Figma.
Connexion

Brancher Figma à Claude en trois étapes

  1. 01

    Retrouver Figma dans Claude

    Ouvre les réglages de Claude, va dans Customize puis Connectors et repère Figma dans la liste. Sur un espace Team ou Enterprise, un Owner ou un Primary Owner doit d'abord activer le connecteur ; chaque membre s'y connecte ensuite de son côté.

  2. 02

    Lancer la connexion

    Clique sur Connect sur la ligne de Figma et identifie-toi dans la fenêtre que Figma ouvre lui-même. Si la connexion lâche un jour, choisis Disconnect puis reconnecte depuis la même liste.

  3. 03

    Vérifier l'écran d'autorisation

    Lis l'écran d'autorisation de Figma avant d'accepter. Il appartient à Figma, pas à Claude, et c'est lui qui fixe ce que couvre l'accès. Tu peux aussi le retirer plus tard depuis ton compte Figma.

Outils

Les 9 outils, rangés selon ce qu'ils font

Figma donne à Claude 9 outils : 7 qui lisent ton compte, 1 qui y changent quelque chose, et 1 qu'aucune source officielle ne décrit.

Trois groupes : ce que Claude lit dans tes fichiers, ce qu'il ajoute à FigJam, et un outil qu'aucune source ne range en lecture ou en écriture. Les noms restent ceux que Claude affiche.

  • 7 lecture
  • 1 écriture
  • 1 non documentés

Ce que Claude lit (7)

7 outils

Sept outils qui tirent du contexte de Figma sans toucher à tes fichiers.

get_design_context

Lit un calque ou ta sélection et rend ce dont un développeur a besoin pour le reproduire : structure, style et mise en page, en React avec Tailwind sauf demande contraire.

Quand ça sert
transformer une carte tarifaire validée en composant sans estimer chaque valeur à l'œil.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

get_screenshot

Prend une capture de ta sélection pour que le code garde la même mise en page que la maquette.

Quand ça sert
contrôler les espacements d'un tableau de bord dense.
Attention
selon la fiche du répertoire, dans Claude et Claude Code cet outil ne renvoie qu'une description de la capture, pas l'image.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

get_metadata

Renvoie un plan épuré de ta sélection en XML : identifiants, noms, types, positions et tailles des calques, sans le style. Claude peut ensuite zoomer sur les zones utiles.

Quand ça sert
une landing de quarante sections où tout récupérer d'un coup saturerait la conversation.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

get_variable_defs

Liste les variables et styles sur lesquels repose une sélection, couleurs, espacements, échelles typographiques, pour que le code pointe vers tes jetons plutôt que vers des valeurs brutes.

Quand ça sert
un développeur veut tous les jetons de l'écran de paiement avant d'ouvrir son CSS.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

get_code_connect_map

Pour chaque instance de composant de ta sélection, indique à Claude à quel composant de ton code elle correspond, d'après ta configuration Code Connect.

Quand ça sert
s'assurer qu'une modale est construite avec le composant Dialog déjà en place.
Attention
il ne connaît que les correspondances que quelqu'un a déjà déclarées.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

get_figjam

Rapatrie un schéma FigJam sous forme de métadonnées XML, comme le plan des maquettes, avec en plus des captures des nœuds, pour qu'une esquisse d'architecture nourrisse le développement.

Quand ça sert
un lead tech veut que Claude suive la carte des services dessinée en atelier.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

whoami

Dit à Claude qui est connecté à Figma : l'adresse e-mail, les plans Figma auxquels le compte appartient et le siège occupé sur chacun.

Quand ça sert
tu jongles entre l'organisation d'un client et la tienne, et tu veux savoir laquelle Claude regarde.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

Ce que Claude ajoute (1)

1 outil

Un outil qui dépose quelque chose de nouveau dans FigJam. Aucune source ne décrit de confirmation propre : la règle générale plus bas s'applique.

generate_diagram

Approbation : voir la règle

Dessine un schéma FigJam à partir d'une description en français courant ou d'une syntaxe Mermaid : organigramme, Gantt, diagramme d'états ou de séquence. Pas besoin d'écrire la syntaxe toi-même, et le schéma arrive dans un nouveau fichier FigJam ou un existant.

Ce que Claude demande
aucune source ne décrit de confirmation propre à cet outil, c'est la règle générale des approbations qui joue.
Quand ça sert
une cheffe de projet veut le parcours d'onboarding au tableau avant le comité de lundi.

Sourcedevelopers.figma.com · 30 septembre 2026 ↗

Non classé (1)

1 outil

Figma le décrit, mais aucune source ne dit s'il lit ou écrit quoi que ce soit : on ne le classe pas.

create_design_system_rules

Figma le présente comme une invite qui prépare un fichier de règles pour aligner le code généré sur ton design system. Aucune source ne dit s'il lit ou touche à ton compte, donc cette page ne le range dans aucun des deux groupes.

Attention
quoi qu'il fasse, la règle générale des approbations le couvre.
Approbations

Ce que Claude te demande avant d'agir

Par défaut, Claude s'arrête et demande ton accord avant chaque action qu'il mène sur un compte à ta place. La demande s'affiche dans la conversation au moment où elle compte.

Sur un espace Team ou Enterprise, les propriétaires décident si un membre peut laisser passer certaines actions sans qu'on les lui redemande. Ils peuvent aussi borner ce qu'un connecteur a le droit de faire pour toute l'organisation, en gardant la lecture et en fermant l'écriture par exemple, et ce choix s'impose à tous. Claude travaille avec tes droits Figma et rien au-delà : un fichier que tu ne peux pas ouvrir lui reste fermé. L'étiquette officielle lecture ou écriture, outil par outil, ne se voit que dans les réglages d'un compte connecté : cette page classe donc les outils sur les seules sources publiées.

Plans

Sur quels plans c'est disponible

Sur les 819 fiches du répertoire officiel, aucune n'indique de disponibilité par plan. Cette réponse connecteur par connecteur n'est publiée nulle part : c'est un vrai trou du catalogue.

Ce qui est public, c'est la règle générale : les connecteurs distants sont ouverts à tous les utilisateurs sur Claude, Cowork, Claude Desktop et mobile. Sur Team et Enterprise, un Owner ou un Primary Owner active le connecteur pour l'organisation avant que les membres puissent s'y connecter. Les sièges et plans Figma sont une autre affaire, gérée par Figma. Pour l'état à jour de ce connecteur, regarde sa fiche dans le répertoire officiel.

Limites

Là où le connecteur Claude Figma s'arrête

Un connecteur n'est pas une automatisation. Claude appelle ces outils pendant qu'il te répond : rien ne démarre quand un designer publie une bibliothèque ou commente un frame.

Seul Figma documente ce connecteur : aucun article d'aide de Claude ne le couvre, donc ces limites viennent des pages de Figma et de la fiche du répertoire. La liste d'outils est un plancher observé, pas une promesse, puisqu'un administrateur peut ouvrir des actions absentes de toute fiche publique. Le badge partenaire du répertoire n'est pas un audit de sécurité, et Anthropic rappelle sur chaque fiche qu'il ne choisit pas les outils d'un éditeur ni ne garantit leur comportement. Le hub des Intégrations recense les autres façons de brancher Figma.

Besoin d'aide

Besoin d'aide pour brancher Figma sur Claude ?

Une personne lit chaque message.

FAQ

Questions fréquentes sur le connecteur Claude Figma

01Que peut faire Claude avec le connecteur Figma ?
Claude peut lire tes fichiers Figma pour produire un code fidèle à la maquette, et dessiner des schémas dans FigJam. Sept outils lisent : contexte de design d'un calque, plan léger des calques, captures, variables et styles, correspondances Code Connect, tableaux FigJam et compte connecté. Un outil génère un schéma FigJam à partir d'une description. Un neuvième, que Figma décrit comme une invite pour un fichier de règles de design system, n'est rangé ni en lecture ni en écriture par aucune source.
02Claude peut-il modifier mes fichiers de design Figma ?
Via ce connecteur, la seule écriture documentée est generate_diagram, qui ajoute un schéma dans un fichier FigJam nouveau ou existant. Figma documente d'autres outils d'agent qui éditent frames et composants sur le canevas, mais ils ne figurent pas sur la fiche Claude du répertoire lue le 30 septembre 2026. La liste reste un plancher, pas un plafond : un administrateur peut ouvrir des actions qu'aucune fiche publique ne montre, donc vérifie tes réglages si tu en attends davantage.
03Claude me demande-t-il avant de créer un schéma dans FigJam ?
Aucune source ne décrit de confirmation propre à generate_diagram, donc c'est la règle générale qui s'applique : par défaut, Claude demande ton accord avant chaque action qu'il mène sur un compte à ta place. Sur un espace Team ou Enterprise, les propriétaires choisissent si les membres peuvent laisser passer certaines actions sans demande, et ils peuvent bloquer l'écriture pour toute l'organisation en laissant la lecture intacte. Ce blocage vaut pour tous et ne se lève pas depuis un compte personnel.
04Sur quels plans Claude le connecteur Figma est-il disponible ?
Aucune source officielle ne publie la disponibilité par plan connecteur par connecteur ; aucune des 819 fiches du répertoire ne l'affiche. La règle générale veut que les connecteurs distants soient ouverts à tous les utilisateurs sur Claude, Cowork, Claude Desktop et mobile, et que sur Team et Enterprise un Owner ou un Primary Owner active d'abord le connecteur pour l'organisation. Ton siège Figma est une autre question, réglée chez Figma. Pour l'état à jour, ouvre la fiche du connecteur dans le répertoire depuis ton compte.
05Claude voit-il tous les fichiers de mon organisation Figma ?
Non. Claude travaille avec l'accès de la personne qui a branché Figma, et rien de plus. Si ton compte ne peut pas ouvrir un projet ou un fichier client, Claude ne l'atteint pas non plus. En pratique, la plupart des outils agissent sur une sélection ou sur le lien d'un nœud que tu partages : Claude lit la partie de la maquette que tu lui montres. L'outil whoami indique aussi à quels plans et sièges Figma le compte connecté est rattaché, utile quand tu jongles entre plusieurs organisations.
06Pourquoi Claude décrit-il ma capture Figma au lieu de l'afficher ?
Parce que c'est le comportement actuel de l'outil dans Claude. La fiche du répertoire précise que get_screenshot, appelé depuis Claude ou Claude Code, renvoie une description de la capture plutôt que l'image. Les autres outils de lecture ne sont pas touchés : le contexte de design, le plan des calques et les variables donnent toujours à Claude une structure et un style précis. S'il te faut l'image elle-même, exporte-la depuis Figma et joins-la à la conversation.
07Claude ou un outil d'automatisation pour Figma : lequel pour quel usage ?
Ils ne font pas le même travail. Claude avec ce connecteur convient à une séance de travail : tu désignes un frame, Claude le lit et t'aide à coder ou à cartographier un parcours dans FigJam, et c'est toi qui pilotes. Un outil d'automatisation convient aux réactions qui doivent se produire sans que personne le demande, comme prévenir un canal quand un fichier bouge ou consigner des commentaires dans un tableur. Le connecteur ne démarre jamais seul : le récurrent va à l'automatisation.