Figma : Specs et code layers passent en bêta ouverte à Config India

Figma a mis code layers et une nouvelle fonction appelée Specs en bêta ouverte le 15 octobre 2026, lors de sa première conférence Config en Inde. Code layers place du code fonctionnel sur le canevas de Figma, à côté des maquettes. Specs donne aux équipes un document Markdown partagé que les personnes comme les agents d'IA peuvent lire. Ensemble, ces fonctions font entrer dans Figma une plus grande part du parcours qui va de la maquette au code livré.

Code layers : du code fonctionnel sur le canevas

Code layers permet aux équipes de créer des prototypes adossés à du code sur le canevas et d'y travailler ensemble, selon l'annonce de Figma. La fonction est en bêta ouverte pour toutes les offres.

Les équipes peuvent partir de zéro ou importer une base de code de prototypage prise en charge depuis GitHub ou un dossier local. Le code importé depuis GitHub reste relié au dépôt. Une extension Chrome de Figma peut capturer une page web en direct sous forme de code layer.

Les designers peuvent affiner un code layer en donnant des instructions à l'agent de Figma, en ajoutant des commentaires ou en modifiant directement le code. Un outil appelé Extract designs retransforme les écrans en frames Figma modifiables. Les modifications peuvent être poussées vers une branche Git et relues dans une pull request avant d'être fusionnées.

Code layers consomme des crédits d'IA, indique Figma. La création et la modification de code layers sont gratuites sur les offres payantes jusqu'au 4 novembre 2026 inclus. Figma avait annoncé code layers pour la première fois en bêta privée en juin, rapporte TechCrunch.

Specs : du Markdown sur le canevas

Specs est un conteneur pour Markdown, un format de texte brut avec des marques simples pour les titres et les listes. Une spec se trouve sur le canevas, et plusieurs personnes peuvent la modifier en même temps. Les fichiers .md existants peuvent être glissés sur le canevas pour devenir des specs.

Une spec peut contenir des tableaux FigJam, des frames de maquette et d'autres éléments du canevas à côté de son texte. Les agents peuvent répondre aux commentaires à l'intérieur d'une spec. Les specs peuvent aussi être envoyées à des agents de codage via le serveur MCP de Figma. MCP, le Model Context Protocol, est un moyen standard pour les outils d'IA de se connecter à d'autres logiciels.

Specs est en bêta ouverte sur toutes les offres payantes, sur le web, sur ordinateur et sur mobile.

Des règles pour les agents et davantage de partenaires MCP

Les autres nouveautés visent à faire suivre les règles de design d'une équipe par les agents, ceux de Figma comme ceux d'autres éditeurs. Selon le billet de Dylan Field, PDG de Figma, elles arrivent à des stades différents :

Fonction	Ce qu'elle fait	Statut
Code layers	Des prototypes adossés à du code sur le canevas	Bêta ouverte, toutes les offres
Specs	Des documents Markdown partagés sur le canevas	Bêta ouverte, offres payantes
Guidelines	Des règles de design que l'agent suit	Bêta ouverte, offres payantes
Code sources	Importe des dépôts GitHub ou des paquets npm	Bêta fermée, offres payantes
System map et System check	Des outils pour gérer un design system	Préversion
Payload dans Figma	Des sites web alimentés par des données, créés avec Figma Make	Toutes les offres, déploiement dans les semaines à venir
Figma MCP	20 nouvelles intégrations partenaires	Disponible dès maintenant

Les partenaires MCP incluent OpenCode, Dia, Junie by JetBrains et Meta Muse, selon Figma. TechCrunch cite aussi Grok Bot et Sarvam. L'agent maison de Figma est passé en disponibilité générale le 6 octobre, selon les notes de version de Figma.

Payload est le système de gestion de contenu que Figma a racheté l'an dernier, rapporte TechCrunch. Selon Figma, les téléchargements de Payload ont été multipliés par six au cours des 12 derniers mois.

Pourquoi l'Inde

L'Inde est le plus grand marché de Figma hors des États-Unis, rapporte TechCrunch. Quarante pour cent des 100 premières entreprises cotées au Bombay Stock Exchange utilisent Figma, ajoute TechCrunch.

« Il y a 17 fois plus de lignes de code produites aujourd'hui que par le passé », a déclaré à TechCrunch Loredana Crisan, chief design officer de Figma. Selon Crisan, une grande partie de ce code est écrite pour explorer des idées plutôt que pour être livrée.

Ce que cela signifie pour les développeurs

Pour les équipes d'ingénierie qui travaillent avec des designers dans Figma :

• Attendez-vous à des prototypes en vrai code. Les code layers peuvent vivre dans un dépôt GitHub et envoyer leurs modifications sous forme de pull requests. Décidez dès maintenant qui relit ces pull requests et sur quelles branches les designers peuvent pousser.
• Écrivez vos règles une fois pour toutes. Guidelines et Specs donnent aux agents une source écrite de règles de design. Les équipes dotées d'un design system devraient y consigner ses règles. Ainsi, l'agent de Figma et les agents de codage externes suivront les mêmes modèles.
• Connectez votre agent de codage. Le serveur MCP de Figma couvre désormais les code layers, les specs et les ressources visuelles. Si vous utilisez déjà un agent de codage compatible MCP, testez l'import d'une spec dans cet agent avant de construire à partir de captures d'écran.
• Surveillez le compteur de crédits après le 4 novembre. Les code layers fonctionnent avec des crédits d'IA. La période gratuite sur les offres payantes prend fin le 4 novembre 2026. Suivez donc votre consommation pendant la bêta pour en estimer le coût.