Figma a annoncé l'extension de son serveur MCP (Model Context Protocol), permettant aux agents IA et aux développeurs d'accéder au contexte de conception dans le navigateur et l'IDE local, au-delà du bureau. Cette mise à jour privilégie l'accès à distance et s'intègre à Figma Make : les agents IA peuvent accéder directement au code prototype et aux données de conception générées par Make, permettant ainsi une génération ou une modification d'applications plus précise. Le responsable a également présenté un workflow « Design Snapshot to Editable Layer », qui simplifie l'extraction des composants, des variables et des informations de mise en page d'une conversation et la génération de code à partir de ces informations.
Figma a également lancé la toute nouvelle interface utilisateur Code Connect (version bêta) , qui permet de mapper en un clic les dépôts de code aux composants Figma au sein des organisations et des entreprises, réduisant ainsi l'écart entre la conception et la mise en œuvre. L'intégration des guides et du mode développeur du serveur MCP est désormais opérationnelle, permettant aux clients MCP comme VS Code, Cursor et Windsurf d'accéder directement à l'outil, d'extraire à distance les variables de structure et de style des fichiers, et d'exécuter des tâches de build.
Questions fréquemment posées
Q : Quelles sont les principales améliorations apportées au serveur MCP ?
A : Nouveaux scénarios d'accès à distance, connexion avec le contexte de code/conception de Figma Make et prise en charge de l'appel des données de conception directement dans l'IDE.
Q : Quel est le but de l’interface utilisateur de Code Connect ?
A : Dans le siège Org/Enterprise, mappez le code GitHub aux composants Figma, afin que le générateur puisse produire du code basé sur les contraintes réelles des composants.
Q : Quels outils/éditeurs sont pris en charge ?
R : Des exemples et rapports officiels mentionnent des clients compatibles MCP tels que VS Code, Cursor et Windsurf.
Q : À qui s'adresse le serveur MCP ?
R : Les équipes qui ont besoin d'agents d'IA pour « comprendre la conception et générer du code en fonction du système de composants », en particulier dans le scénario de création de prototypes pour l'atterrissage du code.
Q : Existe-t-il une documentation officielle ?
R : Figma fournit un guide du serveur MCP en mode Dev et une entrée de bibliothèque de ressources, y compris les étapes d'accès et les instructions d'autorisation.