Figma

Générez des diagrammes et du code de qualité à partir du contexte Figma

Ajouter à Claude
(opens in new tab)

Le serveur MCP Figma vous permet d'intégrer le contexte Figma et de générer du code de haute qualité aligné sur votre base de code et vos intentions de design. Utilisez le serveur MCP pour récupérer des ressources de code depuis Figma Design ou des fichiers Make, et transformez vos idées en applications prêtes pour la production.

**Fonctionnalités clés :**

• **Générer du code à partir de cadres ou de nœuds sélectionnés** - Sélectionnez un cadre dans Figma ou fournissez l'URL d'un nœud pour qu'un agent IA transforme votre design en code.

• **Extraire le contexte de design depuis les calques** - Récupérez les variables, composants et mises en page d'un design pour garantir que les développements respectent les patterns de design.

• **Coder plus intelligemment avec Code Connect** - Améliorez la qualité du résultat en réutilisant vos composants existants ; le serveur MCP informe les agents IA des composants disponibles grâce aux informations de Code Connect.

• **Cartographiez vos flux avec des diagrammes** - Le serveur MCP Figma peut transformer vos prompts Claude en organigrammes, diagrammes de Gantt ou autres diagrammes dans FigJam.

**Remarque :** L'outil get_screenshot est actuellement limité au renvoi d'une description des captures d'écran Figma lorsqu'il est utilisé dans Claude et Claude Code. Consultez les conditions d'utilisation pour les développeurs [ici](https://www.figma.com/legal/developer-terms/)

Outils

  • generate_diagram
  • get_design_context
  • get_screenshot
  • get_metadata
  • create_design_system_rules
  • get_variable_defs
  • get_code_connect_map
  • get_figjam
  • whoami

N'utilisez que des connecteurs de développeurs en qui vous avez confiance. Anthropic ne contrôle pas les outils mis à disposition par les développeurs et ne peut garantir qu'ils fonctionneront comme prévu ni qu'ils ne seront pas modifiés.

Connecteurs associés

Recherchez, créez, remplissez automatiquement et exportez vos designs Canva

Ajouter Canva dans Claude (s'ouvre dans un nouvel onglet)

Votre marketeur IA pour la publicité payante, le SEO, l'e-mail, les réseaux sociaux et l'analytique

Ajouter Helena by Enrich Labs dans Claude (s'ouvre dans un nouvel onglet)

Créez un site web ou une application web en quelques minutes ! Générez, concevez, écrivez du code et rédigez les contenus de votre site. Propulsé par B12. Contact : hello@b12.io

Ajouter Website Generator by B12 dans Claude (s'ouvre dans un nouvel onglet)

Un concierge IA qui transforme les formulaires en conversations

Ajouter Perspective AI dans Claude (s'ouvre dans un nouvel onglet)

Gérez Projets, tâches, portefeuilles, tableaux, flux de travail, jalons, dépendances, formulaires et tableaux de bord avec la gestion de Projets et le CRM monday.com.

Ajouter monday.com dans Claude (s'ouvre dans un nouvel onglet)