Prefer English?
Prefer English? Switch the website language for a better experience.
Figma Motion keeps evolving. In its latest batch of updates, released on November 10, 2026 in the official release notes, Figma adds three features built for designers who treat animation as a craft in its own right: style previews, a Lottie preview before export, and most notably, physics based springs.
Here is what actually changes.
Until now, tuning an animation in Figma Motion often meant guessing at a duration and an easing curve, hoping the final result would match what you had in mind. With physics based springs, the approach flips: you describe a behavior (mass, stiffness, damping), and the duration adapts to that, not the other way around.
In practice, this means you finally get to think the way a native animation engine thinks. iOS and Android both rely on physical spring systems for their internal transitions, and that is no coincidence: this model produces motion that feels natural because it follows physical logic, not a hand drawn Bezier curve.
The other two additions are quieter, but just as useful day to day. Style previews mean you no longer apply an animation blindly to see if it works: you watch it play first, directly on your design, before deciding.
The Lottie preview before export solves a well known friction point for teams handing animations off to developers or a third party platform: until now, you had to export, import elsewhere, check the result, then go back to Figma to fix it if something looked off. Seeing the Lottie result before exporting cuts out that entire verification cycle.
| Before this update | With the new settings |
|---|---|
| Duration set manually, approximate result | Duration calculated from physics (mass, stiffness, damping) |
| Animation applied then checked | Style previewed before applying |
| Lottie export then checked elsewhere | Lottie preview before export |
| Setting redone for every component | Spring saved in the design system, reusable at scale |
At Mazette.co, we use Figma every day on our product design and interface projects, and this update speaks to us directly. Physics based springs are not a gimmick: they change how you think about animation, moving from manual tweaking to describing a behavior. That is exactly what was missing for an interface’s micro interactions to stop feeling “animated” and simply feel alive.
Being able to save a spring into a design system feels just as important, maybe even more so. Consistent animation across an entire interface is a detail users never consciously notice, but it builds trust in a product. Before, every button and every modal transition risked accidentally having its own personality. Now you can enforce a single motion signature, on the same level as a color or a typeface.
The Lottie preview before export, meanwhile, is a pure and simple time saver. Nothing revolutionary about the concept, but any designer who has exported an animation only to watch it break once integrated knows exactly how much that kind of round trip wears down a team’s patience.
{{webdesign}}
If you are working on a design system or an interface rich in micro interactions, these settings are worth testing right away. A well calibrated spring, documented once, that propagates across every animated component in the product: that is exactly the kind of detail that separates a polished interface from one that simply works.
To go further on animations and their role in an interface, our article on the subtle art of breathing life into your interfaces pairs well with this news.
Code
Over 180 companies have already stepped out of the shadows with us.
It is an animation calculated from three physical parameters: mass, stiffness and damping. Instead of setting a duration blindly, you define a behavior, and Figma calculates the resulting duration. The result feels much closer to native iOS or Android motion.
Yes, this is one of the three additions in this update. You can now see how the animation will behave once exported as a Lottie file, right inside Figma Motion, before running the export. This saves the back and forth between Figma and the tool that consumes the Lottie file.
Yes, a spring set with its mass, stiffness and damping values can be saved into a design system to be reused at scale. Every interface that uses it inherits the same motion behavior, without redefining it each time.
Impactful titles, polished meta descriptions, sitemaps, Schema.org, Hn structure, and audits: these are the SEO foundations that make your content readable by both Google AND generative AI. We cover both simultaneously.
With over 180 clients, our agency is one of the few in France to hold the Webflow Premium Partner label, supporting you in every area, including custom web design, sophisticated automation, conversion optimization, and SEO and GEO visibility.
We create bespoke web designs focused on performance, user journeys, and conversion. Join over 180 clients who have trusted us to elevate their brand.
