Un contexte de design partout où vous concevez

Grâce à l'IA, transformer une idée en code fonctionnel est plus facile que jamais. Mais pour obtenir les meilleurs résultats, une simple invite bien structurée ne suffit pas. Nous annonçons aujourd'hui des mises à jour du serveur MCP Figma et de Code Connect qui permettent d'intégrer le contexte de design Figma partout où vous travaillez – que ce soit au niveau de votre IDE, de votre agent IA ou de vos prototypes.

Grâce à ces mises à jour, votre contexte de design (le contexte de structuration de votre design system, d'écriture de votre base de code et de conception des produits par votre équipe) est plus portable et plus puissant, ce qui vous permet de passer plus facilement de l'idée au produit. Ce contexte représente souvent des années d'efforts combinés et doit être accessible sur le plan de travail Figma et en dehors.

Fournir l'accès à distance au serveur MCP Figma

Plus tôt cette année, nous avons introduit le serveur MCP local dans le Dev Mode, offrant aux développeurs un moyen d'intégrer le contexte de design en direct dans leur éditeur. Dans des entreprises telles que Affirm et Coinbase, les équipes l'utilisent déjà pour concevoir des flux utilisateur complexes en beaucoup moins de temps.

Le serveur MCP Figma prend désormais en charge l'accès à distance. Cela signifie que vous pouvez vous connecter à Figma depuis votre IDE, depuis un agent de codage IA ou même depuis un modèle basé sur un navigateur. Dans Figma, les designs peuvent être bien plus que des images statiques. Les designs encodent des mises en page réactives, des détails d'interaction et, dans certains cas, des programmes visuels entiers. Les clients peuvent transmettre ce contexte Figma à de nouveaux partenaires tels qu'Android Studio, Replit et Warp. Vous n'avez plus besoin de notre application de bureau pour intégrer le contexte de design dans votre workflow. Figma a commencé dans le navigateur pour rapprocher les équipes, et cette mise à jour prolonge cette mission.

Connecter Figma à votre workflow est également désormais plus facile grâce à notre catalogue de partenaires. Il vous suffit de trouver votre IDE ou agent de choix dans la liste, puis d'intégrer le serveur MCP Figma. Ou de l'intégrer directement depuis votre client. Nous voulons que chaque développeur qui travaille à partir de fichiers Figma ait une expérience forte et ininterrompue. Et comme notre ajout récent d'outils qui crée des règles de design system, nous continuerons à ajouter plus de fonctionnalités et de partenaires à notre serveur MCP tout au long de la phase bêta et au-delà.

Extension de MCP à Figma Make

Pour les équipes utilisant Figma Make afin de concevoir rapidement et d'examiner des idées de produits, le serveur MCP Figma constitue désormais une passerelle entre Make et votre base de code. En utilisant un fichier Figma Make via un client MCP, les modèles d'IA peuvent voir le code sous-jacent au lieu d'un prototype ou d'une image rendus.

La façon dont nous procédons pour cela est simple : le serveur MCP Figma indexe le code de votre fichier Make afin que vous et vos plateformes favorites puissiez demander exactement ce qui est nécessaire. Les développeurs et les agents IA peuvent réutiliser le code directement à partir d'un fichier spécifié ou se référer à la logique, au design et aux modèles comme source d'inspiration.

Nous avons travaillé avec des partenaires tels qu'Anthropic, Cursor, Windsurf et VS Code pour rendre cette expérience disponible dans leurs produits dès aujourd'hui. Et nous concevons déjà nos prochaines mises à jour majeures (par exemple, connecter les serveurs MCP partenaires à Figma Make).

Amélioration du mappage des composants dans Code Connect

Code Connect a été créé pour aligner les composants de la base de code sur les composants Figma Design. En définissant ces relations, Code Connect permet aux humains et aux agents IA de concevoir des produits plus rapidement. C'est un pas vers notre objectif d'unifier les design systems, où qu'ils se trouvent.

Jusqu'à présent, ces mappages nécessitaient une configuration manuelle depuis votre terminal. Avec la nouvelle expérience de mappage dans l'application offerte par Code Connect, vous pouvez parcourir les composants dans Figma, les mapper au code et au fichier approprié, et voir facilement quels composants sont reliés ou manquants. Cette fonctionnalité vient compléter l'interface de ligne de commande Code Connect, qui aide les développeurs à intégrer des extraits prêts pour la production dans Dev Mode avec des mappages de propriétés ou des mappages de variantes définis pour la plupart des frameworks. De nombreuses équipes adoptent à la fois l'interface de ligne de commande Code Connect et Dev Mode.

Les clients utilisant Code Connect peuvent désormais transmettre plus que le contexte de design via notre serveur MCP – ils ont accès aux emplacements des composants de code et à des instructions d'utilisation. Le serveur MCP Figma, à lui seul, apporte un contexte de design riche aux agents IA. Avec Code Connect, il sensibilise également sur la production. Les premiers tests des évaluations internes et des clients alpha ont montré une production de code plus cohérente, une navigation dans les fichiers plus rapide et une efficacité améliorée des tokens avec les agents IA lorsque le serveur MCP Figma et Code Connect sont utilisés. Les développeurs et les équipes verront des améliorations dans tous ces domaines – et d'autres encore – tout au long de la phase bêta.

Examens d'intégration et limites de requêtes

Nous proposons davantage de moyens de connecter Figma aux outils que vous utilisez déjà, mais nous renforçons également le socle qui rend ces connexions fiables. L'extensibilité est optimale lorsque les clients et les développeurs ont confiance dans la plateforme sur laquelle ils conçoivent.

À l'avenir, les intégrations tierces publiques et les clients MCP seront tous examinés par Figma avant qu'ils ne puissent accéder à vos données. Cette démarche ajoute une couche de confiance pour quiconque adoptant de nouvelles applications ou de nouveaux workflows et reflète notre manière d'examiner les plugins et les widgets. Nos limites de requêtes d'API REST seront ajustées pour offrir une expérience plus prévisible aux développeurs et aux utilisateurs d'applications. Ces changements entreront en vigueur le 17 novembre et affecteront moins d'un pour cent des utilisateurs actifs de Figma.

Regard sur l'avenir

Le serveur MCP distant, la prise en charge des fichiers Make dans Figma MCP et l'expérience Code Connect dans l'application sont les premières étapes vers une vision plus vaste. Nous voulons que le contexte circule librement entre les outils afin que les explorations puissent évoluer vers des fonctionnalités de production, sans réécritures ou modifications inutiles.

Aujourd'hui, le serveur MCP Figma transmet le contexte de design et de code à d'autres outils. Au fil du temps, il deviendra un connecteur bidirectionnel, réintégrant le contexte externe dans Figma. Cela se traduira par des prototypes plus réalistes, moins de produits recréés et plus de temps consacré à résoudre de vrais problèmes et à concevoir des produits qui se démarquent.

Les artefacts de design ne sont pas seulement des références. Ce sont des contributions actives qui façonnent l'expérience de l'entreprise et des utilisateurs. Chaque élément, qu'il s'agisse d'un design system, d'un prototype interactif, d'un mock-up annoté ou d'un code généré, contient des connaissances que votre équipe peut utiliser pour concevoir de manière plus précise et plus rapide.

Toutes ces fonctionnalités sont en version bêta à partir d'aujourd'hui. Nous continuons à les optimiser et à les améliorer tout en progressant vers une disponibilité générale. Imaginez ce que vous pouvez concevoir lorsque Figma est partout où vous concevez.