Figma Motion, Shaders, agent en beta permanente : Config 2026 passé au crible

Ce que Figma vient d'annoncer

Le 24 juin dernier, Figma a publié un changelog fleuve qui résume tout ce qui a été dévoilé lors de Config 2026. Et cette fois, ce n'est pas une simple mise à jour de confort. C'est une refonte de ce qu'on peut faire directement dans le canvas.

Trois grands chantiers se dégagent :

• De nouveaux matériaux de création : mouvement, profondeur, texture et code arrivent nativement sur le canvas, avec Figma Motion, les transformations 3D, les Shaders et les Code layers.
• Des outils personnalisables pour l'agent Figma : compétences ("skills"), connecteurs, plugins génératifs, l'agent se connecte désormais à vos outils, vos fichiers et votre équipe.
• Figma Weave qui s'intègre au reste : des outils de transformation visuelle et des workflows partageables, directement accessibles sans quitter Figma.

Concrètement, voici les nouveautés qui nous semblent les plus structurantes pour une agence comme la nôtre.

Figma Motion : animer sans quitter le canvas

Jusqu'ici, prototyper une micro-interaction fluide impliquait souvent de sortir de Figma, direction After Effects, Principle ou Framer, pour ensuite tenter de retranscrire ça en CSS ou en JS côté développement. Figma Motion change la donne : on peut désormais créer des animations précises et expressives directement dans une timeline, ou laisser l'agent Figma les générer à partir d'une consigne texte.

L'idée forte : construire des systèmes d'animation réutilisables (au même titre qu'un design system de composants) et livrer des animations prêtes à l'emploi pour les développeurs.

Transformations 3D et Shaders : de la profondeur et de la texture, sans plugin

Les transformations 3D permettent de donner du relief à vos designs et à vos images, et de les combiner avec Figma Motion pour un rendu qui bouge comme dans la vraie vie. Les Shaders, eux, fonctionnent par description : vous dites à l'agent ce que vous voulez, il génère la texture, partageable et prête à intégrer un fichier.

Ces deux fonctionnalités sont en bêta sur inscription.

L'agent Figma devient personnalisable

C'est sans doute le changement le plus profond du lot. L'agent Figma peut désormais recevoir des "skills" (des compétences ajoutées), des pièces jointes et des connecteurs qui lui donnent plus de contexte pour travailler à votre façon. Il débarque aussi dans FigJam et dans Slides, pour générer des tableaux, des diagrammes, ou éditer des decks en masse.

Et cerise sur le gâteau : des plugins génératifs. Vous décrivez l'outil dont vous avez besoin, l'agent le construit pour vous, à la volée.

{{webdesign}}

Mise à jour : Figma pousse ses plugins génératifs et shaders : ce qui change vraiment

Ce que Figma vient d'annoncer

Lors de Config, Figma avait déjà surpris tout le monde en permettant de créer ses propres plugins génératifs et shaders simplement en discutant avec l'agent Figma. Une prouesse technique, certes, mais qui restait un peu figée : on générait un effet, on l'admirait, et c'est à peu près tout.

Avec cette nouvelle mise à jour, Figma passe à l'étape suivante. Concrètement, quatre nouveautés changent la donne :

• Des shaders animés et interactifs, capables de réagir aux mouvements de souris
• La publication sur la Figma Community, pour partager vos créations avec le monde entier
• La publication au sein de son organisation, réservée aux plans Organization et Enterprise
• Un visualiseur de code, pour consulter et télécharger le code généré

Bonus non négligeable : les mises à jour du MCP server permettent désormais de faire évoluer vos plugins et shaders via un agent tiers, et surtout, quand vous copiez un frame avec des shaders appliqués vers un agent externe, le rendu React généré respecte fidèlement l'effet visuel. Fini les mauvaises surprises à l'implémentation.

Pourquoi ce n'est pas un simple gadget créatif

On pourrait se dire : encore un effet visuel sympa pour épater en démo. Sauf que le vrai sujet ici, c'est le pont entre design et code. Jusqu'à présent, un shader généré dans Figma restait souvent une belle image fixe, sympathique à montrer en réunion, plus délicate à faire vivre une fois le projet transmis aux développeurs.

Le code viewer change cette équation. Un designer peut désormais générer un effet, le tester, l'animer, puis donner directement accès au code à son équipe technique. Plus besoin de deviner ou de recréer l'effet à la main : le code existe, il est consultable, téléchargeable.

La publication sur la Community, elle, joue un rôle différent mais tout aussi structurant : elle transforme chaque bon shader créé par un designer en ressource réutilisable pour toute la communauté Figma. Un peu comme les composants ou les plugins classiques, mais appliqué à des effets génératifs jusque-là réservés à quelques experts en création visuelle procédurale.

Ce que ça change concrètement sur un projet

Imaginez un designer qui souhaite un fond animé légèrement réactif au survol sur une landing page. Avant, il aurait fallu solliciter un développeur créatif ou passer par des heures de tuning manuel en CSS ou WebGL. Aujourd'hui, l'agent Figma peut générer l'effet, l'animer, et transmettre un code exploitable presque directement.

Cela ne remplace pas l'expertise d'une équipe de développement, mais cela réduit considérablement l'aller-retour entre intention créative et faisabilité technique. Un vrai gain de temps sur les phases d'exploration, là où on perd habituellement le plus d'énergie à itérer entre design et dev.

Un signal fort sur la direction que prend Figma

Cette annonce s'inscrit dans une trajectoire assumée : faire de Figma non plus seulement un outil de design, mais une plateforme génératrice de code fonctionnel. Après Figma Make et les premiers agents capables de prototyper des interfaces, les shaders et plugins génératifs confirment cette ambition. Cette mise à jour est la suite logique et attendue des annonces de Config présentées plus haut.

L'avis de Mazette.co

Commençons par le bon côté des choses. Figma Motion, c'est une excellente nouvelle. Chez Mazette.co, on livre régulièrement des interactions fines à nos développeurs Webflow, et le fossé entre "ce qu'on imagine dans Figma" et "ce qui est techniquement transposable" a toujours été une source de frictions. Pouvoir prototyper une animation directement dans le canvas, avec un système réutilisable et une exportation pensée pour le dev, ça réduit un vrai point de douleur. On y voit une accélération concrète de notre workflow Figma vers Webflow.

Les transformations 3D et les Shaders nous semblent séduisants sur le papier, mais on reste prudents. Ce sont des fonctionnalités en bêta, gourmandes en créativité mais pas forcément indispensables sur 90 % des projets qu'on mène. On les regardera de près, sans se précipiter dessus.

Là où on est le plus partagés, c'est sur la personnalisation de l'agent Figma. L'idée de lui donner des "skills" et des connecteurs pour qu'il comprenne mieux le contexte d'un projet, c'est intelligent. Mais soyons honnêtes : plus l'agent devient autonome et connecté à nos outils internes, plus la question de la gouvernance et du contrôle qualité se pose. Un agent qui génère des maquettes ou des slides à partir de vos documents, c'est un gain de temps réel, à condition de garder un œil humain dessus. Chez Mazette.co, on considère l'IA comme un accélérateur, jamais comme un pilote automatique.

Notre verdict global : cette salve de nouveautés confirme une tendance qu'on observe depuis plusieurs mois, Figma cherche à devenir la plateforme unique où design, motion, code et IA cohabitent. Pour une agence comme la nôtre qui travaille le design ET l'implémentation Webflow, c'est plutôt une bonne nouvelle : moins d'allers-retours entre outils, plus de contexte préservé. Reste à voir comment ces fonctionnalités bêta se comporteront une fois généralisées, avant de les intégrer pleinement dans nos process de migration et de production.