Après avoir intégré Claude Code puis Codex sur son canevas en février, Figma pousse l’intégration de l’IA un cran plus loin. La plateforme de design annonce l’ouverture de son canevas aux agents IA grâce à use_figma, un nouvel outil disponible au sein de son serveur MCP. Les agents peuvent désormais créer et modifier des composants en s’appuyant sur le design system de chaque équipe, tandis que des fichiers d’instructions, appelés « skills », encadrent leur travail.
Un nouvel outil MCP et des instructions pour guider les agents sur le canevas
Figma enrichit son serveur MCP avec use_figma, un outil qui permet aux agents IA d’écrire directement dans les fichiers de design. Contrairement à generate_figma_design, qui convertit du HTML en calques Figma éditables, use_figma opère sur le canevas en exploitant les composants, variables et auto-layouts du design system en place. Les deux outils sont complémentaires : le premier sert à importer l’état actuel d’une interface, le second permet de la modifier ou d’en créer de nouvelles.
« Il est désormais possible de demander aux agents de créer et de mettre à jour des fichiers et composants Figma via l’outil use_figma », décrit la firme en vidéo :
L’autre pilier de cette mise à jour réside dans les « skills », des fichiers Markdown qui servent d’instructions aux agents. Ils définissent les étapes à suivre, les conventions à respecter et les standards de qualité attendus pour chaque workflow de design, à l’image de ce que propose Anthropic avec Claude. Neuf skills exemples sont disponibles sur la communauté Figma, dont les suivants :
- figma-generate-library : pour créer des composants Figma à partir d’une base de code,
- figma-generate-design : pour concevoir des designs à partir de composants et variables existants,
- create-voice : pour générer des spécifications d’accessibilité pour lecteurs d’écran,
- apply-design-system : pour connecter des designs existants aux composants du système,
- sync-figma-token : pour synchroniser les design tokens entre le code et les variables Figma.
« Les skills maison montrent aux agents comment fonctionne le canevas Figma » :
Les skills intègrent des boucles d’autocorrection. L’agent peut prendre une capture d’écran de son résultat, identifier les écarts et itérer jusqu’à obtenir un rendu conforme. use_figma est compatible avec plusieurs clients MCP : Claude Code, Codex, Copilot CLI, Copilot dans VS Code, Cursor, Augment, Factory, Firebender et Warp.
Un cadre pour des designs plus alignés avec le produit
Jusqu’ici, les agents IA n’avaient aucun accès aux décisions de design prises par les équipes : palettes de couleurs, typographie, padding, composants… Les designs générés pouvaient manquer de cohérence avec l’identité visuelle des produits. Avec use_figma et les skills, les agents sont censés disposer désormais du contexte nécessaire pour produire des éléments connectés aux standards existants. « Les skills apprennent à Claude Code à travailler directement sur le canevas de design, pour construire d’une manière fidèle à l’intention et au jugement de chaque équipe », détaille Cat Wu, responsable produit de Claude Code chez Anthropic.
Grâce au serveur MCP de Figma, les agents peuvent désormais écrire directement dans vos fichiers Figma, en prolongeant les standards que vous avez soigneusement établis au fil du temps. Via l’outil use_figma, Claude Code, Codex et d’autres clients MCP peuvent générer et modifier des éléments de design liés à votre design system, résume Matt Colyer, Product Director chez Figma.
Figma accélère sur l’IA agentique, la concurrence aussi
Cette annonce s’inscrit dans une séquence dense pour Figma. En février, la plateforme avait successivement intégré Claude Code puis Codex, se positionnant comme un hub agnostique pour les outils de codage par IA. L’ouverture du canevas aux agents par l’intermédiaire de use_figma prolonge cette logique en leur donnant non plus un accès en lecture, mais une capacité d’écriture sur les fichiers de design.
Figma précise que use_figma deviendra à terme une API payante facturée à l’usage, mais reste gratuit pendant la période de bêta. La plateforme prévoit d’enrichir l’outil progressivement, en commençant par le support des images et des polices personnalisées, avec l’objectif d’atteindre la parité avec sa Plugin API. En face, Google a dévoilé récemment une refonte majeure de Stitch, son outil de conception d’interfaces piloté par l’IA, qui s’attaque directement au terrain de Figma avec un canevas infini et un agent de suivi de projet.
FAL Group