Better in English?
Better in English? Switch the website language for a better experience.
Figma Motion continue sa mue. Dans son dernier lot de mises à jour, publié le 10 novembre 2026 sur les release notes officielles, Figma ajoute trois fonctions pensées pour les designers qui font de l’animation leur métier à part entière : des previews de style, un aperçu Lottie avant export, et surtout des springs basés sur la physique.
Voici ce qui change concrètement.
Jusqu’ici, régler une animation dans Figma Motion voulait souvent dire tâtonner sur une durée et une courbe d’accélération, en espérant que le rendu final ressemble à ce que l’on imaginait. Avec les springs basés sur la physique, l’approche s’inverse : vous décrivez un comportement (masse, raideur, amortissement) et c’est la durée qui s’adapte, pas l’inverse.
Concrètement, cela veut dire que vous raisonnez enfin comme un moteur d’animation natif raisonne. iOS et Android utilisent tous deux des systèmes de ressorts physiques pour leurs transitions internes, ce n’est pas un hasard : ce modèle produit des mouvements qui paraissent naturels parce qu’ils suivent une logique physique, pas une courbe de Bézier dessinée à la main.
Les deux autres ajouts sont plus discrets, mais tout aussi utiles au quotidien. Les previews de style évitent d’appliquer une animation à l’aveugle pour voir si elle convient : vous la regardez jouer avant de trancher, directement sur votre design.
L’aperçu Lottie avant export répond à une friction bien connue des équipes qui livrent leurs animations à des développeurs ou à une plateforme tierce : jusqu’ici, il fallait exporter, importer ailleurs, vérifier, puis revenir corriger dans Figma si le rendu ne collait pas. Voir le résultat Lottie avant l’export fait gagner ce cycle de vérification.
| Avant cette mise à jour | Avec les nouveaux réglages |
|---|---|
| Durée réglée manuellement, rendu approximatif | Durée calculée à partir de la physique (masse, raideur, amortissement) |
| Animation appliquée puis vérifiée | Style prévisualisé avant application |
| Export Lottie puis vérification ailleurs | Aperçu Lottie avant export |
| Réglage refait à chaque composant | Spring enregistré dans le design system, réutilisable à l’échelle |
Chez Mazette.co, on utilise Figma tous les jours sur nos projets de product design et d’interfaces, et cette mise à jour nous parle directement. Les springs basés sur la physique ne sont pas un gadget : ils changent la façon de penser une animation, du réglage manuel à la description d’un comportement. C’est exactement ce qui manquait pour que les micro-interactions d’une interface ne paraissent plus « animées » mais simplement vivantes.
Le fait de pouvoir sauvegarder un spring dans un design system nous paraît tout aussi important, peut-être même davantage. Une animation cohérente sur toute une interface, c’est un détail que l’utilisateur ne remarque jamais consciemment, mais qui construit la confiance dans un produit. Avant, chaque bouton, chaque transition de modale risquait d’avoir sa propre personnalité par accident. Maintenant, on peut imposer une signature de mouvement unique, au même titre qu’une couleur ou une typographie.
L’aperçu Lottie avant export, lui, est une économie de temps pure et simple. Rien de révolutionnaire dans le concept, mais tout designer qui a déjà exporté une animation pour la voir casser une fois intégrée sait à quel point ce genre d’aller-retour use la patience d’une équipe.
{{webdesign}}
Si vous travaillez sur un design system ou sur une interface riche en micro-interactions, ces réglages valent la peine d’être testés dès maintenant. Un spring bien calibré, documenté une fois, qui se propage à tous les composants animés du produit : c’est exactement le type de détail qui distingue une interface soignée d’une interface qui fonctionne, tout simplement.
Pour aller plus loin sur le sujet des animations et de leur rôle dans une interface, notre article sur l’art subtil de donner vie à vos interfaces complète bien cette actualité.
Code
Plus de 180 entreprises sont déjà sorties de l'obscurité à nos côtés.
C’est une animation calculée à partir de trois paramètres physiques : la masse, la raideur et l’amortissement. Plutôt que de régler une durée à l’aveugle, vous définissez un comportement, et Figma calcule la durée qui en résulte. Le rendu se rapproche du mouvement natif iOS ou Android.
Oui, c’est l’un des trois ajouts de cette mise à jour. Vous voyez désormais comment l’animation se comportera une fois exportée en fichier Lottie, directement dans Figma Motion, avant de lancer l’export. Cela évite les allers-retours entre Figma et l’outil qui consomme le fichier Lottie.
Oui, un spring réglé avec ses valeurs de masse, de raideur et d’amortissement peut être enregistré dans un design system pour être réutilisé à l’échelle. Toutes les interfaces qui l’utilisent héritent du même comportement de mouvement, sans le redéfinir à chaque fois.
Titres percutants, meta descriptions soignées, sitemap, Schema.org, structure Hn, audits : ce sont les fondations SEO qui rendent votre contenu lisible par Google ET par les IA génératives. Nous couvrons les deux en même temps.
Avec plus de 180 clients, notre agence vous accompagne sur tous les sujets comme le webdesign sur mesure, les automations fines, la conversion et votre visibilité SEO et GEO.
Nous concevons des designs web sur mesure, orientés performance, parcours utilisateurs et conversion. Comme plus de 180 clients, faites nous confiance et élevez votre marque.
