This deep dive into the making of the feature is my favorite kind of a blog post on Figma’s blog: ​“Building spring animations took our engineering team back to the classroom — to make animations that are both natural and accurate, we borrowed principles from physics. We’re excited to share the mechanics behind the movement, and the story of how spring animations bounced their way into Figma.”

Andrei Iancu shared two more kits with loading animations — see also his really cool Kit 3 with delayed steps.

Create more natural and fluid transitions for your prototypes with spring presets or a custom animation.

Dan & Xiang demonstrate what you can do with the LottieFiles Figma plugin.

A cool explainer of impressive interactive effects made with Figma, Spline, and Anima.

In this tutorial, one of the designers from Noun Project gives a few quick tips on using Figma’s ​“Smart Animate” tool to animate icons in your UI.

Cool walking animation by Bruno, Community Advocate for Figma in Portugal.

Cool (but creepy) character animation experiment by Miggi from Figgi.

Breakdown of using Figma to illustrate and animate Vijay’s first NFT.

Miggi created a single-point infinity sign, then Vijay came up with a cool animation. Team work 🙌

Beautiful effect! See also the source file at the Community.

A cool recreation of PS5 UI with Smart Animate.

“In this video, we will guide you on how to select a single frame from a Lottie animation from the LottieFiles Library and export it to Figma. Then, we will use this new SVG and place it as part of our UI and animate it in Figma using the prototype feature.”

Smart and delightful use of animation in the UI. See also the original file at Figma.

u/​TheJMoore has been posting a lot of useful content on the r/​FigmaDesign subreddit lately. This one compares animation easing styles side-by-side.

Import your Figma projects to Jitter, add animations easily, and export as a video or GIF. Check out this quick demo to see how it works.