Claude Talk to Figma

Ce qu'il fait

Connecte les agents IA à Figma, leur permettant d'interagir avec les fichiers de design. Contrairement aux plugins officiels, il fonctionne avec n'importe quel compte Figma, permettant aux agents de lire les styles, d'auditer l'accessibilité et même de modifier des éléments comme les couleurs et la typographie à travers les documents.

Outils

• Analyse de Design : Récupère les infos du document, scanne le texte pour les problèmes de contraste et audite la structure des composants.
• Création d'Éléments : Crée des formes, des cadres et du texte avec un contrôle précis du style.
• Modification : Met à jour en masse les couleurs, les bordures et les paramètres d'auto-layout sur le canevas.
• Gestion d'Assets : Exporte les assets et clone les composants efficacement.

Installation

D'abord, exécutez npx claude-talk-to-figma-mcp pour démarrer le serveur websocket. Ensuite, importez le plugin dans Figma Desktop via src/claude_mcp_plugin/manifest.json. Enfin, dites à votre agent : Connect to Figma, channel {votre-ID}.

Hôtes supportés

• Claude Desktop
• Cursor
• Windsurf
• VS Code (GitHub Copilot)
• Claude Code