L’ESSENTIEL : Lors de Config 2026, Figma a présenté une série de nouveautés qui transforment son canvas collaboratif en espace de création plus complet, mêlant design, code, animation, effets visuels et agents IA. Les principales annonces concernent les code layers, Figma Motion, les shaders génératifs, les plugins créés par prompt, les outils Weave et un agent Figma plus connecté aux workflows d’équipe. Pour les designers, développeurs et équipes produit, le message est clair : Figma veut réduire la frontière entre maquette, prototype, code et livraison.
Cette annonce intervient dans un moment où les outils de design sont eux aussi bousculés par l’IA générative. Après plusieurs années centrées sur la collaboration, le design system et le passage au développement, Figma cherche désormais à faire de son canvas un environnement de création plus “full-stack”.
Figma veut faire du canvas un espace de création full-stack
La grande idée de Config 2026 est de faire converger dans un même espace plusieurs matériaux de création : design, code, motion, shaders, plugins génératifs, workflows IA et agents. Figma ne veut plus seulement être l’endroit où l’on dessine des interfaces. L’entreprise veut devenir l’endroit où l’on explore, teste, anime, code, commente et prépare la mise en production.
Dylan Field formule le changement de manière directe : le débat “design versus code” serait un faux débat. Dans sa vision, le code devient un matériau de design, au même titre qu’une image, un vecteur, un composant ou une couche graphique.
Cette approche répond à une frustration bien connue des équipes produit. Une maquette vit dans Figma, le code dans GitHub, les animations dans un outil spécialisé, les prototypes dans un autre environnement, les commentaires dans Slack ou Jira. Chaque passage d’un outil à l’autre crée une perte de contexte. Avec ses annonces 2026, Figma veut réduire ces ruptures.
Les code layers font entrer le code dans Figma
La nouveauté la plus importante est l’arrivée des code layers. Concrètement, une équipe peut transformer une couche de design en couche de code interactive, ou générer une couche de code à partir d’un prompt. Elle peut ensuite dupliquer ces couches, tester plusieurs directions et les commenter sur le canvas, comme elle le ferait avec des frames classiques.
Le flux fonctionne aussi dans l’autre sens. Figma indique qu’il sera possible d’extraire des frames de design depuis une couche de code, de les modifier comme des calques classiques, puis de synchroniser ces changements vers la couche de code.
L’enjeu est important. Aujourd’hui, la traduction d’une maquette en code reste souvent une étape fragile. Les détails d’interface, les espacements, les variantes, les animations ou les états interactifs peuvent se perdre entre design et développement. Les code layers cherchent à rapprocher ces deux mondes dans un fichier commun.
Pour les PME et équipes produit, cela peut changer le prototypage. Un designer peut explorer une interface plus interactive. Un développeur peut comprendre plus vite l’intention. Un product manager peut comparer plusieurs directions dans le même espace. La promesse n’est pas de supprimer les développeurs, mais de réduire la distance entre idée, prototype et implémentation.
Les code layers doivent être déployés progressivement à partir de juillet 2026, via une liste d’attente.
Figma Motion apporte une timeline native au design
Autre annonce majeure : Figma Motion. L’animation arrive directement dans Figma Design, avec une timeline, des keyframes, des presets, des commentaires temporels et des options d’export.
C’est un changement important pour les équipes qui devaient jusqu’ici passer par des outils externes pour animer des interfaces, illustrer un comportement ou préparer un motion design. Figma Motion permet de construire une animation depuis zéro, de l’ajouter à un design existant ou de demander à l’agent Figma de générer un point de départ.
La valeur opérationnelle se situe dans le design system. Une animation peut devenir une propriété réutilisable, comme une couleur, une typographie ou un composant. Un composant animé peut voyager dans plusieurs écrans ou fichiers. Des motion variables permettent aussi de définir des valeurs partagées pour les timings, easing curves ou modes d’animation.
Pour les développeurs, Figma ajoute un pont vers la production. En Dev Mode, la timeline devient inspectable : durées, courbes d’easing et keyframes peuvent être lus et copiés en CSS, JSON, React ou Motion.dev. Les animations peuvent aussi être exportées en MP4, WebM, GIF ou Animated SVG.
Shaders, plugins génératifs et Weave : Figma mise sur l’expression visuelle
Config 2026 ne se limite pas au code et à l’animation. Figma ajoute aussi des shader fills and effects. Jusqu’ici, les shaders étaient présents dans le moteur de rendu de Figma, mais difficiles à créer et à partager. Désormais, l’utilisateur peut décrire l’effet voulu, ou utiliser une image de référence, et l’agent Figma génère un shader paramétrable.
Ces shaders peuvent fonctionner comme des effets ou comme des matériaux de remplissage. Les paramètres apparaissent sous forme de contrôles dans le canvas, empilables avec d’autres effets, puis convertibles vers du code ou des formats courants. C’est particulièrement intéressant pour les directions artistiques, les interfaces plus expressives, les produits créatifs ou les campagnes digitales.
Figma introduit aussi des plugins génératifs. L’idée est simple : un designer peut décrire l’outil dont il a besoin, ses paramètres et son comportement, sans installer d’environnement de développement ni connaître l’API des plugins. Figma crée alors un plugin utilisable dans le canvas.
À cela s’ajoutent les outils Figma Weave. Weave repose sur une logique de workflow visuel par nœuds : connecter des modèles, transformer des assets, comparer des sorties, raffiner des résultats et réutiliser des chaînes de génération. Pour les équipes créatives, cela ouvre la possibilité de transformer des processus IA complexes en outils réutilisables.
L’agent Figma devient plus contextuel et plus collaboratif
Figma a aussi présenté un agent plus intégré aux workflows d’équipe. L’agent peut désormais s’appuyer sur des skills, c’est-à-dire des instructions réutilisables qui encapsulent les méthodes, conventions ou process d’une équipe. Il peut aussi se connecter à des outils comme Notion, Slack, Granola, Hex, GitHub ou Atlassian, et exploiter des pièces jointes comme des briefs, recherches ou documents de contexte.
Autre évolution notable : les conversations avec l’agent sont visibles par défaut aux coéquipiers. L’objectif est de rendre les explorations IA plus collaboratives, plutôt que de les enfermer dans des chats individuels. Les utilisateurs peuvent toutefois rendre certaines conversations privées.
L’agent doit aussi arriver dans d’autres surfaces, notamment FigJam et Figma Slides, pour créer des diagrammes, générer du contenu, modifier en masse ou synthétiser des retours.
L’analyse Exponentiel : Figma ne vend plus seulement un outil de design
Avec Config 2026, Figma ne cherche pas seulement à ajouter des fonctions IA. L’entreprise repositionne son canvas comme un espace de création logicielle plus large. C’est une évolution logique dans un marché où les frontières entre design, prototypage, code et automatisation deviennent plus floues.
Le point le plus intéressant n’est pas que l’IA génère des effets ou des plugins. C’est que Figma veut garder ces capacités dans un environnement collaboratif, inspectable et partagé. Dans beaucoup d’outils IA, la génération reste individuelle et difficile à gouverner. Figma tente au contraire de l’intégrer dans le travail d’équipe.
Pour les dirigeants de PME et les équipes produit, la leçon est claire : l’IA ne remplace pas la discipline de conception. Elle accélère l’exploration, mais augmente aussi le besoin de choix, de cohérence et de validation.
Le design devient moins limité par la technique, mais plus dépendant d’une bonne direction créative. Comme le suggère Dylan Field, l’IA a peut-être abaissé le seuil d’entrée. Mais ce sont encore les designers, développeurs et équipes produit qui devront “élever le plafond”.
