Si vous utilisez Figma pour la conception et Cursor pour le code, vous pouvez donner à l’IA de Cursor un accès direct à vos projets Figma via le Model Context Protocol (MCP). Vous pouvez ainsi répertorier des projets, parcourir des fichiers, consulter l’historique des versions et publier des commentaires depuis l’éditeur en langage naturel, sans changer d’application. Ce guide explique comment configurer un serveur MCP Figma et le connecter à Cursor avec Latenode : vous déployez le workflow MCP Figma comme serveur MCP sur Latenode, puis ajoutez ce serveur à Cursor afin que l’IA puisse appeler des outils Figma depuis le chat.
Points clés :
- Figma MCP (Figma + Model Context Protocol) permet à des clients IA comme Cursor de communiquer avec Figma via un protocole standard. Un serveur MCP Figma expose les actions Figma (lister les projets, lister les fichiers, consulter l’historique des versions, gérer les commentaires) sous forme d’outils que l’IA peut appeler.
- Vous pouvez déployer gratuitement un serveur MCP pour Figma sur Latenode : utilisez le modèle MCP Figma (ou créez votre propre workflow avec MCP Trigger + des nœuds Figma), puis copiez l’URL du serveur et ajoutez-la dans Cursor.
- MCP pour les workflows d’agents maintient la conception et le code dans une même boucle : demandez à Cursor de « lister mes projets Figma » ou de « publier un commentaire sur ce fichier », et le serveur MCP exécute les actions Figma appropriées avant de renvoyer le résultat.
Qu’est-ce que Figma MCP et pourquoi l’utiliser avec Cursor ?
Figma est un outil de conception collaboratif pour les interfaces utilisateur, les prototypes et les graphiques vectoriels. Le Model Context Protocol (MCP) est une norme qui permet aux systèmes IA d’appeler des outils externes — bases de données, API ou, dans ce cas, Figma — via une interface clairement définie. Un serveur MCP Figma est un service qui expose les opérations Figma (lister les projets, lister les fichiers, consulter l’historique des versions, lister ou publier des commentaires) sous forme d’outils qu’un client IA de serveur MCP peut découvrir et invoquer.
Cursor est un client compatible MCP. Lorsque vous connectez un serveur MCP Figma à Cursor, l’IA de votre éditeur peut :
- Lister les projets Figma de votre équipe
- Lister les fichiers d’un projet
- Afficher l’historique des versions d’un fichier
- Lister les commentaires d’un fichier ou publier un commentaire
Vous restez ainsi dans Cursor et utilisez le langage naturel pour interroger ou mettre à jour Figma — pratique pour les workflows MCP d’agents IA, lorsque l’agent a besoin du contexte de conception ou doit laisser un retour sans quitter l’IDE. Vous bénéficiez d’un fonctionnement MCP d’agent : une interface IA unique (Cursor), avec Figma comme ensemble d’outils en arrière-plan.
Serveur MCP Figma gratuit sur Latenode
Vous n’avez pas besoin d’héberger vous-même le serveur MCP. Latenode vous permet de déployer un serveur MCP dans le cloud : vous créez (ou utilisez) un workflow qui communique avec Figma et l’exposez via le nœud MCP Trigger. Vous obtenez ainsi une URL de serveur que vous pouvez coller dans Cursor, Claude Desktop ou tout client compatible avec MCP pour agents. Vous disposez donc d’un serveur MCP gratuit pour Figma dans le sens où Latenode l’exécute ; il vous suffit d’avoir un compte Latenode (offre gratuite disponible) et vos identifiants Figma dans le workflow.
Modèle MCP Figma : son fonctionnement
Nous avons préparé un modèle qui montre comment travailler avec vos fichiers Figma depuis un chat IA comme Cursor ou Claude. Listez les fichiers de projet et les projets d’équipe, consultez l’historique des versions d’un fichier, listez ou publiez des commentaires — tout cela en langage naturel. Inutile de quitter votre éditeur ou d’ouvrir l’application Figma.
Que contient le modèle ?
Lorsque vous connectez ce workflow Latenode comme serveur MCP à Cursor (ou à un autre client compatible MCP), l’IA obtient des outils pour interagir avec Figma. Vous pouvez demander à l’IA de :
- Récupérer les projets d’équipe
- Lister les fichiers d’un projet
- Lire les commentaires d’un fichier
- Publier un commentaire
- Récupérer l’historique des versions d’un fichier
Le workflow exécute les actions Figma appropriées et renvoie le résultat dans votre chat. Dans Cursor, vous pouvez donc dire « liste mes projets Figma » ou « publie un commentaire sur le fichier X : “Prêt pour le développement” », et le serveur MCP Figma s’occupe du reste. Le principe est le même que pour les autres configurations de serveur MCP avec IA : votre MCP d’agent IA (Cursor) utilise le Model Context Protocol pour appeler un serveur MCP distant (Latenode + Figma).
Comment configurer le serveur MCP Figma dans Latenode
La configuration du serveur MCP Figma dans Latenode suit le même modèle que tout serveur MCP sur Latenode : vous créez un workflow, ajoutez un MCP Trigger et connectez des actions Figma en tant qu’outils.
- Dans Latenode, ouvrez le modèle MCP Figma.
- Le modèle contient déjà un MCP Trigger et des nœuds Figma configurés comme outils (par exemple, lister les projets, lister les fichiers, consulter l’historique des versions et les commentaires).
- Autorisez Figma dans le workflow (connectez votre compte Figma dans le nœud Figma).
- Enregistrez le workflow.
- Ouvrez le nœud MCP Trigger et copiez l’URL du serveur. Vous la collerez dans Cursor dans la section suivante.
- Si le modèle a l’authentification activée sur le MCP Trigger, copiez ou notez également la clé API ; Cursor en aura besoin lors de la connexion.
Comment connecter le serveur MCP Figma à Cursor
Une fois votre serveur MCP Figma exécuté dans Latenode et l’URL du serveur récupérée, connectez-le à Cursor afin que l’IA puisse utiliser les outils Figma.
- Ouvrez Cursor.
- Accédez à Settings (icône d’engrenage ou Cursor → Settings).
- Recherchez MCP (ou MCP Servers / Tools).
- Cliquez sur Add server (ou l’option équivalente).
- Collez l’URL du serveur copiée depuis le MCP Trigger de Latenode.
- Si l’authentification est activée dans votre workflow Latenode, saisissez la clé API lorsque Cursor vous demande de vous authentifier.
- Enregistrez et confirmez la connexion.
- Ouvrez la liste des outils dans Cursor et vérifiez que vos outils Figma (par exemple, lister les projets, lister les fichiers, publier un commentaire) sont visibles.
Vous pouvez alors demander à Cursor en langage naturel de lister vos projets Figma, de lister les fichiers d’un projet, d’afficher l’historique des versions, de lister ou de publier des commentaires — et le serveur MCP Figma exécutera les actions puis renverra les résultats. Pour une référence complète, consultez Connecting to MCP Tools dans la documentation Latenode.
Résumé
- Figma MCP = Figma exposé via le Model Context Protocol afin que les clients IA puissent appeler les opérations Figma sous forme d’outils.
- Serveur MCP Figma = le service qui expose ces outils (par exemple, lister les projets, lister les fichiers, consulter l’historique des versions et les commentaires).
- Vous pouvez déployer un serveur MCP gratuit pour Figma sur Latenode à l’aide du modèle MCP Figma ou de votre propre workflow avec MCP Trigger + des nœuds Figma.
- Connectez-le à Cursor en ajoutant l’URL du serveur Latenode (et la clé API si nécessaire) dans les paramètres MCP de Cursor.
- Utilisez ensuite les workflows MCP pour agents dans Cursor : l’IA peut lister les projets, lister les fichiers, afficher l’historique et publier des commentaires en langage naturel.
Déployez votre serveur MCP Figma sur Latenode
Utilisez le modèle MCP Figma pour donner à Cursor (ou Claude, ou tout client compatible MCP) un accès direct à Figma via le Model Context Protocol. Un serveur MCP, une URL de serveur, aucune infrastructure à maintenir.
