Mi-octobre 2026, lors de sa première conférence Config en Inde, Figma a présenté une série de nouveautés pensées pour un monde où l’IA dessine et code avec vous : Specs, les code layers et de nouveaux outils pour cadrer le travail des agents d’IA. Début octobre, l’agent de Figma était aussi devenu disponible pour tous.
Derrière les annonces, un message clair pour les designers UX/UI : plus l’IA produit vite, plus il faut quelqu’un pour fixer les règles. Voici ce qui change concrètement, ce qui reste en test, et comment s’y préparer.
En bref
- Specs (en test ouvert, offres payantes) permet d’écrire les règles de votre design pour que l’équipe et l’IA les suivent.
- Les code layers (en test ouvert) transforment une maquette en prototype qui fonctionne, avec du vrai code, dans Figma.
- L’agent de Figma est disponible pour tous depuis le 6 octobre 2026.
- Conséquence pour le métier : la valeur se déplace vers la définition des règles, le design system, l’accessibilité et les tests avec les utilisateurs.
Sommaire
Ce que Figma a annoncé en octobre 2026
| Nouveauté | À quoi ça sert | Disponibilité |
|---|---|---|
| Agent de Figma | Un assistant d’IA qui travaille directement dans vos fichiers | Disponible pour tous depuis le 6 octobre |
| Specs | Décrire par écrit les règles et les intentions de votre design, pour l’équipe et pour l’IA | Test ouvert, offres payantes |
| Code layers | Créer des prototypes interactifs avec du vrai code, à partir d’une maquette, d’un site existant ou d’une demande écrite | Test ouvert ; utilise des crédits d’IA |
| Guidelines | Ajouter des consignes à une bibliothèque de composants pour que l’agent respecte vos usages | Test ouvert |
| Design system centralisé | Réunir bibliothèques de design, de code et consignes en un seul endroit | Aperçu |
| Payload dans Figma Make | Ajouter une gestion de contenus, une base de données et un espace d’administration à un site créé avec Make | Déploiement progressif ; hébergement en test, gratuit pour l’instant |
Figma a aussi élargi son connecteur pour les outils d’IA (MCP) à une vingtaine de nouveaux partenaires, ce qui permet de piloter Figma depuis d’autres assistants.
Specs : écrire les règles de votre design pour l’IA
Specs est un éditeur de texte intégré à Figma. On y décrit ce que doit faire un produit et comment il doit être conçu : principes, règles d’usage des composants, ton, contraintes. On peut y insérer des éléments de maquette, des schémas FigJam ou des prototypes.
L’intérêt est double. L’équipe dispose d’une référence unique, et l’agent d’IA s’appuie sur ces règles quand il propose un écran. Autrement dit, la qualité de ce que produit l’IA dépend directement de la qualité des règles écrites par le designer. C’est pourquoi les composants et le design system sont au cœur de notre formation Figma et IA.
Code layers : de la maquette au prototype qui fonctionne
Les code layers ajoutent du code directement sur la toile de Figma. À partir d’une maquette, d’un dépôt GitHub, d’un site existant ou d’une simple demande écrite, l’agent crée un prototype interactif, que l’on peut ensuite modifier en lui parlant ou en retouchant le code.
Trois points à garder en tête :
- c’est un test ouvert, pas une version finale ;
- la fonction consomme des crédits d’IA ; sur les offres payantes, la création et la modification sont gratuites jusqu’au 4 novembre 2026 ;
- un prototype qui fonctionne n’est pas un produit fini : le code doit être relu par un développeur avant toute mise en ligne.
Ce que ça change pour le métier de designer UX/UI
Loredana Crisan, directrice du design de Figma, résume la situation : on produit aujourd’hui 17 fois plus de lignes de code qu’auparavant, et une grande partie sert à explorer des pistes plutôt qu’à être mise en ligne. Quand produire un écran ne coûte presque plus rien, la valeur se déplace :
- Définir l’intention : à quel besoin l’écran répond, pour qui, avec quelles contraintes.
- Tenir le design system : composants, variables, règles d’usage, que l’IA va appliquer à grande échelle.
- Garantir l’accessibilité : contrastes, tailles, navigation au clavier, que l’IA ne vérifie pas toujours.
- Tester avec de vrais utilisateurs : seul moyen de savoir si ce qui a été produit vite est vraiment utilisable.
Ce sont exactement les fondamentaux de l’UX/UI, ceux que l’on travaille dans notre formation UX/UI courte et certifiante, en 4 jours. Pour aller plus loin, lisez notre fiche UX/UI designer et IA : ce qui change, ce qui reste.
Comment s’y préparer
- Maîtriser les composants, variantes et variables de Figma : c’est la matière première que l’agent réutilise.
- S’entraîner à écrire des règles claires : une règle floue donne un résultat flou, que ce soit pour un collègue ou pour l’IA.
- Tester les code layers sur un petit projet pendant la période gratuite, pour voir ce qu’ils font bien et où ils se trompent.
- Garder la méthode UX : besoin, parcours, maquette, test. L’IA accélère chaque étape, elle ne les remplace pas.
Se former à l’UX/UI et à Figma
- Formation UX/UI à distance éligible CPF : la méthode UX complète, des maquettes et prototypes sur Figma, en 4 jours avec un formateur, pour valider le bloc de compétences « Design d’interfaces utilisateur ».
- Formation Figma et IA : composants, design system et IA pour maquetter plus vite (2 jours).
- Claude Code et gestion de projet : passer de la maquette à un site qui fonctionne, sans être développeur (2 jours).
Formations courtes, à distance en visioconférence avec un formateur, ou dans vos locaux.
Questions fréquentes
Figma Specs est-il gratuit ?
Specs est en test ouvert sur les offres payantes de Figma. Figma n’a pas encore communiqué de tarif définitif.
Les code layers vont-ils remplacer les développeurs ?
Non. Ils servent à créer des prototypes interactifs et à explorer des pistes. Le code produit doit être relu, sécurisé et intégré par un développeur avant toute mise en ligne.
Faut-il savoir coder pour utiliser les code layers ?
Non, on peut les créer et les modifier en écrivant ses demandes à l’agent. Comprendre les bases du web aide toutefois à juger le résultat.
Ces nouveautés changent-elles ce qu’on apprend en formation UX/UI ?
Elles renforcent l’importance des fondamentaux : comprendre l’utilisateur, structurer une interface, construire un design system et tester. Ce sont ces compétences qui permettent de bien guider l’IA.
À lire aussi : Claude Motion : ce que l’animation par l’IA change pour le design UX/UI et UX et SEO : la compétence qui manque à votre profil.
Sources
- TechCrunch, Figma announces new features to define how agents work on its platform, 14 octobre 2026.
- Figma, Here’s everything from Config India 2026, 20 octobre 2026.
- Figma, notes de version (agent disponible pour tous le 6 octobre ; code layers gratuits sur les offres payantes jusqu’au 4 novembre 2026), via Releasebot.
Se former avec SIELI
Passer de la lecture à la pratiqueFormations courtes au numérique et à l’IA, à distance ou en entreprise, avec une formatrice en direct.
