Qui peut utiliser cette fonctionnalité
Requiert un accès éditeur au fichier
L'agent Figma et Figma Make peuvent se connecter à des outils externes via le Model Context Protocol (MCP), vous permettant de travailler avec des documents, tâches et données provenant d'autres applications comme contexte pour vos designs, applications et prototypes.
Vous pouvez par exemple connecter Figma Make à Notion pour importer un document de spécifications produit (PRD) directement dans le chat de Figma et demander à Make de l'utiliser comme source pour créer un prototype. Si les spécifications produit changent, il vous suffit de ré-exécuter le connecteur pour actualiser le contexte et mettre le prototype à jour. Vous pouvez également écrire du contenu dans Notion, par exemple générer une liste de critères d'acceptation, en activant les outils d'écriture dans les paramètres du connecteur.
Quelle est la différence entre les connecteurs MCP dans Figma et le serveur MCP Figma ?
Lorsque vous connectez des outils externes dans l'agent ou Figma Make, il agit comme un client MCP. Le client appelle des outils hébergés sur un serveur MCP(par exemple, les connecteurs Notion ou Asana) pour lire ou écrire des données depuis cette source. En fonction de votre prompt, l'agent choisit le connecteur et les outils à utiliser.
Le serveur MCP de Figma fonctionne différemment : il comprend une liste d'outils qui mettent les données de vos fichiers à la disposition d'autres clients MCP.
Ajouter un connecteur
Chaque personne doit ajouter et authentifier les connecteurs qu'elle souhaite utiliser.
Pour ajouter un connecteur, vous devez d'abord vous authentifier. Par exemple, lors de l'ajout de Notion, sélectionnez votre espace de travail et approuvez les autorisations d'accès.
- Dans la boîte de dialogue, cliquez sur Ajouter un contexte.
- Sélectionnez Connecteurs .
- Parcourez la liste des connecteurs disponibles.
- Cliquez sur Connecter à côté du connecteur que vous souhaitez utiliser.
- Suivez les instructions pour vous authentifier via le flux OAuth de l'outil externe.
- Une fois connecté, cliquez sur Ajouter un contexte pour vérifier que le connecteur apparaît dans la liste.
Conseil : si vous ne voyez pas de prompt d'authentification, il se peut que votre navigateur bloque les pop-ups. Recherchez dans la barre d'adresse de votre navigateur l'icône de blocage des pop-ups et autorisez les pop-ups pour Figma.
Remarque : si l'option Connecteurs ne figure pas dans le menu, il est possible qu'un administrateur ait désactivé cette fonctionnalité pour votre organisation.
Utiliser un connecteur dans le chat
Lorsqu'un connecteur et ses outils sont activés pour le chat en cours, vous pouvez l'appeler naturellement dans le flux de la conversation.
- Pour faire référence explicitement à un connecteur dans votre prompt, tapez @ dans le chat pour voir une liste de vos connecteurs connectés. Sélectionnez celui que vous souhaitez utiliser, et il apparaîtra sous forme de pastille au-dessus de votre message. Cela garantit que l'agent utilise uniquement des connecteurs spécifiques pour la tâche en cours.
- Tapez un prompt faisant référence au connecteur. Par exemple, collez un lien Asana et écrivez « Utilisez les spécifications de ce projet pour créer un brouillon de prototype. »
- Si votre prompt nécessite un connecteur, l'agent affiche le connecteur et l'outil qu'il prévoit d'appeler et demande votre consentement. Cliquez sur Exécuter pour continuer. Vous pouvez gérer les outils et les autorisations associées dans les paramètres du connecteur.
Si le contenu source change, exécutez simplement le connecteur à nouveau pour obtenir le dernier contexte.
Lorsqu'un outil de connecteur est réglé sur Toujours exécuter, il est possible que les téléchargements de fichiers échouent si la réponse dépasse 16 Mo. Pour les fichiers texte, cela correspond généralement à une taille de fichier allant jusqu'à 16 Mo. Les images de plus de 5 à 6 Mo peuvent dépasser la limite car l'encodage des images augmente la taille de la réponse. Cela s'applique à tous les connecteurs dans l'agent Figma et Figma Make. Si le téléchargement d'une grande image échoue, réglez l'outil sur Demander à exécuter et réessayez.
Connecteurs majeurs disponibles
Figma prend actuellement en charge un ensemble limité de connecteurs vérifiés. Ces serveurs MCP ont été examinés par notre équipe pour garantir qu'ils répondent aux normes de sécurité et de confidentialité de Figma.
Remarque : vous devez avoir un compte auprès du service externe pour utiliser le connecteur associé. La disponibilité peut dépendre de votre forfait, de votre licence, de votre rôle ou de l'accès à ce service.
Figma propose les connecteurs majeurs suivants :
Conseil : vous avez besoin d'une connexion à un serveur MCP qui ne figure pas sur cette liste ? Vous pouvez créer votre propre connecteur MCP personnalisé. Les connecteurs MCP personnalisés nécessitent un forfait payant.
Amplitude
- Accédez aux tendances des utilisateurs d'Amplitude, aux entonnoirs et aux expériences dans Figma pour créer des designs et des prototypes avec un contexte produit.
- Créez et testez des variantes de conception pour suivre l'impact sur le comportement des utilisateurs.
Asana
- Accédez aux tâches et aux projets d'Asana depuis Figma pour suivre l'avancement et les priorités de l'équipe en temps réel.
- Créez et gérez des tâches Asana, afin de garder les projets alignés du concept à l'achèvement.
Askable
- Accédez à vos résultats de recherche Askable dans Figma.
- Demandez des éléments concrets et basez les prototypes sur ce que les participants vérifiés ont réellement dit et fait.
Atlassian
- Accédez et modifiez les pages et documents Confluence directement depuis Figma pour conserver les liens entre spécifications, décisions et tâches de conception.
- Accédez, créez et gérez les tickets et epics Jira sans changer de contexte, afin que les équipes puissent passer de manière fluide de la conception au développement.
- Accédez, créez et mettez à jour les composants, services et scorecards de Compass pour conserver les liens entre vos designs et prototypes et votre écosystème d'ingénierie.
Box
- Accédez aux hubs et aux contenus de Box durant votre processus de conception, tout en appliquant les politiques de sécurité et d'accès existantes de Box.
- Extrayez des informations clés et interrogez l'ensemble de vos contenus, pour ancrer vos prototypes dans le contexte de votre entreprise.
Contentsquare
- Accédez aux analyses de données Contentsquare depuis Figma, notamment les parcours utilisateurs, les entonnoirs et les indicateurs relatifs aux pages.
- Lancez des requêtes sur l'utilisation de vos produits en direct pour fonder les décisions de conception sur un comportement réel. Le connecteur est en lecture seule.
Dovetail
- Accédez aux données clients Dovetail dans Figma pour éclairer les décisions de conception.
- Lancez des recherches dans votre espace de travail Dovetail pour trouver des projets, données et documents pertinents.
Google Drive
- Accédez aux fichiers de votre Google Drive directement depuis Figma pour ancrer vos designs et prototypes dans les recherches, données, images ou autres contextes existants de votre équipe.
- Créez de nouveaux fichiers dans Google Drive depuis Figma pour résumer les décisions et télécharger des ressources, facilitant ainsi le partage là où votre équipe travaille déjà.
Remarque : le connecteur Google Drive n'est pas disponible lors de l'utilisation de l'extension Governance+.
Granola
- Connectez Figma à votre historique de réunions dans Granola
- Lancez des recherches dans vos notes de réunion, trouvez des sujets spécifiques discutés lors de réunions passées, extrayez des actions à mener ou des décisions de vos notes, trouvez des réponses dans votre historique de réunions et plus encore.
GitHub
- Accédez à des référentiels GitHub publics ou privés, ainsi qu'à des problèmes et des pull requests pour lier votre travail à votre base de code.
- Créez et résumez les problèmes et les PR de GitHub dans Figma, afin que les changements de conception se traduisent directement en actions de développement.
Hex
- Intégrez des tableaux de bord Hex et des applications de données, et posez des questions sur les données via les fils de discussion Hex.
- Intégrez des données dans vos présentations, conceptions et tableaux.
Linear
- Accédez aux problèmes, projets et documents de Linear depuis Figma pour générer des designs et prototypes avec le contexte pertinent.
- Créez et gérez des problèmes et des projets dans Linear, afin de transformer vos designs et prototypes en travaux planifiés.
Mapbox
- Ajoutez une carte Mapbox interactive et en direct à votre prototype Figma Make.
- Générez des localisations issues du monde réel à partir du jeu de tuiles Mapbox Streets v8 avec l'agent Figma.
- Appliquez le style de votre marque aux cartes et vérifiez leur accessibilité.
Marvin
- Accédez directement à Marvin dans Figma pour appuyer vos designs sur des feedback d'utilisateurs réels et des données.
- Générez des résumés des connaissances clients pour concevoir en toute confiance et valider les prototypes plus rapidement.
- Nécessite le forfait Entreprise de Marvin et un rôle de contributeur ou d'administrateur dans Marvin.
Mobbin
- Intégrez des écrans et des modèles de Mobbin dans votre workflow pour les recherches et comme base de référence.
- Utilisez des références Mobbin et combinez-les avec votre design system pour brainstormer des idées de conception.
- Comparez vos designs dans Figma aux références Mobbin.
monday.com
- Accédez aux tableaux et éléments monday.com depuis Figma pour rester aligné sur la planification et les priorités de l'équipe.
- Créez et gérez les mises à jour, afin que votre travail reste visible et connecté dans l'ensemble de l'équipe.
Notion
- Accédez aux pages et bases de données Notion directement depuis Figma pour apporter du contexte, des spécifications et des notes dans votre flux de conception.
- Créez et mettez à jour des documents Notion, afin que votre documentation de design reste organisée et toujours synchronisée.
Slack
- Recherchez et lisez des messages Slack, fils de discussion, canaux, utilisateurs et fichiers.
- Agissez en envoyant des messages et en créant des canvas et des canaux.
Sprig
- Accédez aux enquêtes clients dans Figma pour fonder vos designs et prototypes sur des éléments concrets.
- Créez et lancez des études Sprig pour tester des designs, des concepts et des prototypes créés avec Figma et évaluer les réactions des utilisateurs.
Twilio
- Accédez à la documentation API de Twilio depuis Figma pour intégrer des fonctionnalités de communication comme la messagerie, la voix et la vérification dans vos prototypes.
- Générez un code précis et à jour pour les API Twilio sans quitter votre flux de conception. Le connecteur fournit des connaissances sur les API et n'envoie pas de messages ni n'accède aux données de votre compte.
Zapier
- Connectez-vous à Google Drive, Microsoft Office, Zoom, Jira, HubSpot, Slack, et plus de 9 000 autres applications via une seule connexion.
- Apportez le contexte de vos outils directement dans votre workflow de conception et de prototypage : intégrez un cahier des charges, une feuille de calcul avec des données réelles ou des résumés de réunions. Puis allez plus loin et créez des tâches, envoyez des messages et déclenchez des workflows dans l'ensemble de vos outils à partir d'un seul prompt.
zeroheight
- Alimentez Figma avec le contexte de votre design system à partir de votre guide de style zeroheight pour générer des prototypes conformes au système en quelques secondes.
- Utilisez Figma pour tester vos documents zeroheight sous contrainte. Les erreurs d'interprétation de l'IA peuvent révéler des directives peu claires et vous aider à prioriser les améliorations.
- Nécessite le forfait Entreprise de zeroheight et l'accès à l'équipe DS avec une licence d'éditeur ou d'administrateur. Les utilisateurs avec droits de consultation sur la documentation peuvent créer un connecteur personnalisé pour accéder au serveur MCP de zeroheight.
Remarque : la connexion de votre produit à Figma vous intéresse ? Nous recueillons actuellement les manifestations d'intérêt pour de nouveaux partenariats. Si vous êtes intéressé, veuillez partager avec nous quelques informations sur votre produit et ses cas d'utilisation.
Gérer les paramètres des connecteurs
Certains connecteurs incluent plusieurs outils MCP. Ces outils remplissent différentes fonctions au sein du connecteur (par exemple, récupérer des données, envoyer des mises à jour ou gérer du contenu).
Vous pouvez choisir quels outils sont disponibles dans Figma ; par exemple, vous voudrez peut-être autoriser un outil qui récupère du contenu, mais désactiver des outils qui renvoient du contenu à la source externe.
Remarque : les outils pouvant écrire vers des sources externes sont désactivés par défaut. Vous devrez les activer manuellement avant de pouvoir renvoyer du contenu au service connecté.
Vous pouvez également contrôler les autorisations de chaque outil au sein d'un connecteur. Les options disponibles sont :
| Paramètres | Fonctionnement | Quand l'utiliser |
|---|---|---|
| Demander d'exécuter | Figma demande toujours votre permission avant d'exécuter l'outil. | Vous souhaitez avoir le contrôle chaque fois que l'agent utilise un outil dans la conversation. |
| Toujours exécuter | Figma exécute l'outil selon les besoins sans demander la permission. | Vous faites confiance à la source externe et aux données disponibles. |
| Ne jamais exécuter | Figma ne tentera pas de lancer l'outil. | Utilisez ce paramètre pour les outils dont vous n'avez pas besoin ; cela peut aider à accélérer Figma AI en lui donnant un ensemble d'outils plus réduit parmi lesquels choisir. |
Attention : soyez prudent avec les injections de prompt provenant de sources externes lors de l'intégration de contexte.
Vous pouvez aussi désactiver temporairement les connecteurs pour vous assurer qu'ils ne sont pas utilisés dans la conversation en cours.
- Depuis la boîte de discussion, cliquez sur Ajouter un contexte. Survolez Connecteurs, puis sélectionnez Gérer.
- Cliquez sur Gérer sur le connecteur.
- Activez ou désactivez les outils de lecture ou d'écriture, ou définissez les autorisations pour des outils spécifiques au sein de ce connecteur.
Conseil : n'activez que les connecteurs pertinents (et leurs outils) pour aider l'agent à travailler plus rapidement.
Déconnecter un connecteur
La déconnexion empêche l'agent Figma et Figma Make de lire et d'écrire des données via ce connecteur. Elle ne supprime aucune donnée dans l'outil externe, et vous pouvez vous reconnecter par la suite en l'ajoutant et en vous authentifiant à nouveau.
- Depuis la boîte de discussion, cliquez sur Ajouter un contexte. Survolez Connecteurs, puis sélectionnez Gérer.
- Cliquez sur Gérer sur le connecteur.
- En bas de la fenêtre modale, cliquez sur Déconnecter.