Tu veux les meilleurs outils IA avant les autres ?
On teste et on décrypte les nouveaux outils IA chaque soir, en 5 min. Gratuit.
Inclus dès l'inscription : notre sélection des meilleurs guides & comparatifs IA.
Choisis ton rythme
Gratuit · Pas de spam · Désabonnement en 1 clic
Intégration de Claude Code et Figma : une avancée majeure
La collaboration entre Claude Code et Figma franchit un nouveau cap avec l'introduction de la communication bidirectionnelle. Cette fonctionnalité permet aux utilisateurs de publier un design de Claude vers Figma, de le modifier dans Figma, puis de répercuter ces changements dans la version codée du design.
Processus de connexion en quatre étapes
Pour tirer parti de cette nouvelle capacité, il est crucial de suivre un processus en quatre étapes pour connecter Claude Code à Figma et ainsi optimiser le flux de travail de conception.
Étape 1 : Configuration initiale
La première étape consiste à configurer Figma MCP dans Claude Code. MCP, ou Multi-Contextual Platform, est une interface universelle conçue pour permettre aux modèles d'IA de lire des fichiers, d'exécuter des fonctions et de gérer des opérations contextuelles avec des services tiers. Dans ce cas, Claude Code utilisera MCP pour accéder à Figma.
Pour commencer, ouvrez un terminal sur votre Mac ou PC et entrez la commande suivante pour lancer Claude Code :
claude
Ensuite, configurez la connexion MCP. Cela implique d'utiliser une connexion de serveur MCP distant qui se connecte directement au point de terminaison hébergé de Figma. Pour cela, entrez la commande suivante :
claude mcp add --transport http figma
