Name: Figma Claude Connect
Availability: InStock
Author: AbhinavAgr

Ce qu'il fait

Figma Claude Connect transforme Claude en partenaire de design. Il crée un pont interactif entre Claude et Figma Desktop, permettant à l'IA de créer des composants UI, de gérer des jetons de design et d'auditer des fichiers en temps réel.

Caractéristiques clés

Prompt-to-Design : Créez des cartes de connexion, des barres de navigation et des écrans complets via du texte.
Gestion des jetons : Ajoutez, renommez et auditez programmatiquement des variables de design et des couleurs.
Audit de design : Effectuez des vérifications d'accessibilité et comparez les composants Figma avec les implémentations de code.
Synchronisation en temps réel : Connexion WebSocket directe entre le serveur MCP et le plugin Figma.

Installation

Clonez le repo et exécutez npm install && npm run build:local.
Ajoutez le serveur à claude_desktop_config.json :

{
  "mcpServers": {
    "figma-console": {
      "command": "node",
      "args": ["/absolute/path/to/dist/local.js"],
      "env": { "FIGMA_ACCESS_TOKEN": "your_token" }
    }
  }
}