Miggi builds a loading spinner from one ellipse: swap the fill for a stroke with shift+X, sweep the arc tool to 75%, then round the end caps. In Figma Motion, the move is keyframing only the sweep value and deleting the start and ratio keyframes Motion adds by default, so it runs from 0.25 to a full 100%. Duplicate and stagger a few for a nested loader.
Miggi packs two Figma Motion tricks into one tip. Nest your animation inside a frame and the parent becomes a camera you can pan, zoom, and rotate. Separately, J and K jump the playhead to the next and previous visible keyframes.
Laura Fehre, Designer Advocate at Figma, teaches Motion to people who freeze up the moment they open motion software, by letting the Figma agent do the first pass. Prompt the animation, watch it build the keyframes, then refine the curves and springs yourself.
A deep dive into the principles that separate intentional motion from decoration: easing and timing, anticipation, overshoot, follow-through, hold, and settle. The piece makes a compelling case for grounding animation in real-world physics and film editing rather than trending motion work, and lands on a point worth keeping: as AI tools make quality motion faster to produce, skill and restraint matter more, not less.
Nikita Prokopov makes the case that great UI isn’t just about nailing the start and end states of an animation, it’s about every frame in between. His rule of thumb: if you freeze the screen at any moment, you should be able to explain what you’re looking at. The post walks through a set of GIF examples — from Safari’s misaligned cursor-and-placeholder animation to YouTube’s inexplicable rectangle transition — showing how mid-animation frames that don’t hold up on their own erode user trust.
Cole Derochie from Shopify made a plugin for simulating an LLM streaming experience — make sure to check out the demo.
A collection of essays by Raphael Salaja on interaction design and animations.
MDS recorded a Figma tutorial video dissecting why Anthropic’s Claude app icons feel so satisfying and explaining how to recreate these animated icon components in Figma using Smart Animate.
Emil Kowalski shares seven simple ideas you can use to improve your animations: scale your buttons, don’t animate from scale(0), don’t delay subsequent tooltips, choose the right easing, make your animations origin-aware, keep animations fast, and use blur when nothing else works.
Motion designer Thibaut Crépelle reimagined the launch of the iconic iMac G3 with an animated video and an interactive page made in Framer. Really fun passion project executed with high quality and attention to detail.
My first Mac was a Mini G4 introduced in 2005, but soon after, I also got an iMac G3 because of its cool look. Watching this reel made me want to get another one again.
What if the iMac G3 dropped today?
— tibo (@tibolasticot) September 1, 2025
→ https://t.co/hyFWRgSzr7
My first time doing a video + a @framer page for a project, I hope you like it! pic.twitter.com/cbm8b1WI8G
Emil Kowalski helps decide when and how to animate to provide a better user experience, starting with ensuring your animations have a purpose. I finished Emil’s course Animations on the Web this summer and highly recommend following his writing on motion and animation.
Unicorn Studio makes creating WebGL effects, motion, and interactivity easy for designers. Later, they can be embedded in Framer, Webflow, or any website.
I purchased Emil Kowalski’s course on animation back in April, but started working through it only last week. Emil is a design engineer at Linear and previously worked at Vercel. The course is fairly technical and requires an understanding of CSS, JS, and React, but it does a really good job introducing Motion and explaining what separates good animations from great. It’s been very helpful as I’m working on a new personal website, so definitely recommend checking it out!
Brett from DesignJoy breaks down the process of creating animated mockups using Midjourney and Figma.
Wow, this looks incredible for mini-interactions. Looking forward to trying Magic Animator by Lottielab soon.
Jitter is a fast and simple animation tool. The plugin was rebuilt from the ground up for pixel-perfect compatibility, better performance, and powerful new import features like Figma Slides support, importing multiple frames or an entire Figma file, and better artboard pasting.
Cool page curl prototype by Miggi. Don’t miss the page turn animation on click.
A new plugin by Vijay Verma to quickly create animated smart components that are used most of the time, like rotate, zoom, slide, etc. It generates a set of components based on the selected animation preset.
A collection of fun interactions made by Nitish Khagwal.