The best Figma animation plugins in 2026
LottieFiles is the most-used Figma animation plugin, with 990K users, because it turns your designs and prototype interactions into dotLottie files that developers can ship on web, iOS and Android. For keyframe editing inside Figma, Figmotion and Jitter are the next most installed, each with over 500K users.
Top 20 picks
LottieFiles
#1 · 1M users
Quick answer
Our top picks
- #1
Best for Lottie handoff
LottieFiles
by LottieFiles
LottieFiles exports designs and prototype interactions as dotLottie, one file that plays on web, iOS and Android without a rebuild. It's free and works in Figma Design, Slides and FigJam. It's strongest when the animation is headed for production; for quick social clips a video exporter is simpler.1M 15KFree - #3
Best keyframe editor inside Figma
Figmotion
by L
Figmotion is an animation tool that runs inside Figma, so you keyframe layers without moving to another app. It's free and used by 518K designers. It predates Figma Motion, so compare the two on a small file before picking one for a team.518K 7.5KFree - #2
Best for motion designers
Jitter
by Jitter
Jitter animates imported Figma designs in its web editor and exports video, GIF or Lottie, plus animation specs for developers. It handles marketing content as well as UI micro-interactions. The editing happens in Jitter's web app rather than on the Figma canvas, so you'll be working across two tools.533K 12KFree
The full list
The 20 most-used Figma plugins for animation
- 011M15KFree
- 02
Jitter
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers
Free · 12K likes
533K12KFree - 03518K7.5KFree
- 04
381K5.7KFree + paid - 05
326K3.1KFree + paid - 06
Aninix
Create motion design within Figma. Export Lottie animations, GIFs, or mp4.
Free + paid · 2.4K likes
167K2.4KFree + paid - 07
SVG motion
Plugin for Figma which helps to create attractive animations for your product.
Free + paid · 2.9K likes
145K2.9KFree + paid - 08
103K1KFree - 09
Lottielab
Animate your Figma designs, add Interactivity and export to Lottie, GIF or mp4.
Free · 1.6K likes
96K1.6KFree - 10
Bannerify Banner Studio
Animate and export production ready banners from Figma to HTML, GIFs and Videos
Free + paid · 1.1K likes
78K1.1KFree + paid - 11
SVG Animate
Bring your Figma creations to life with stunning animations and seamless export to web and video.
Free + $9/mo · 584 likes
78K584Free + $9/mo - 12
Magic Animator • AI Animation Generator for Figma
Animate your Figma designs with AI - generate editable motion, export as Lottie / GIF / MP4
Free · 3.4K likes
74K3.4KFree - 13
69K2.8KFree + paid - 14
62K1.1KFree - 15
Physics animation
Plugin Physics Animation allows to animate layers by changing physical properties.
Free + paid · 1.7K likes
58K1.7KFree + paid - 16
57K640Free + paid - 17
48K1.5KFree - 18
Memotion
Free · 612 likes
46K612Free - 19
45K523Free - 20
38K497Free
Buying guide
What to look for
Figma now has its own timeline. Figma Motion, in open beta since Config 2026, adds keyframes to layers and exports GIF, MP4 or WebM from an Animated tab in the Export panel. So why do plugins still rank? Mostly for output and handoff: Lottie files for production, animation specs for developers, After Effects transfer (Overlord), or specialist effects like stroke drawing (SVG motion), physics and parallax.
This page is about building motion. If you already have an animation and just need a file out of Figma, the GIF and video list covers exporters. For interactive prototypes with conditions and logic, see prototyping.
- 01
Where the timeline lives
Some tools keyframe on the Figma canvas (Figmotion, Motion, Aninix), others send frames to a web editor (Jitter, Lottielab). Canvas tools keep you in one place; web editors usually have richer timelines.
- 02
Export formats
Lottie or dotLottie for apps and websites, MP4 or GIF for social and docs, SVG or CSS for lightweight web motion. Check which formats sit on the free tier.
- 03
Developer handoff
If engineers will rebuild the motion in code, look for durations, easing curves and delays they can read. Jitter exports animation specs; Lottie files skip the rebuild entirely.
- 04
Round trip to After Effects
Teams with an After Effects pipeline should look at Overlord, which moves vectors, images and live text from Figma to After Effects.
- 05
Overlap with Figma Motion
Figma Motion is in open beta and exports GIF, MP4 and WebM natively, free up to 1920×1080 and 30 FPS. A plugin should add something on top of that for your workflow.
FAQ
Frequently asked questions
Can you animate in Figma without a plugin?
Yes. Smart Animate handles transitions between prototype frames, and Figma Motion (open beta) adds a keyframe timeline to layers with native GIF, MP4 and WebM export. Plugins are still the route to Lottie files and developer specs.
How do I export a Figma animation as Lottie?
Use LottieFiles or Lottielab, which export Figma designs and interactions as Lottie. Aninix also exports Lottie alongside GIF and MP4.
Is Jitter or Figmotion better?
Figmotion keeps you inside Figma, which suits small UI animations. Jitter has its own web editor and exports video, GIF, Lottie and specs, which suits longer motion pieces and marketing clips. Both are free to install.
Can I move Figma designs into After Effects?
Overlord transfers Figma layers to After Effects as vectors, images and live text. Convertify also lists After Effects as an export target.
Keep exploring
Related lists and guides
GIF & Video
GIFs and video export
See the top picks
Prototyping
prototyping and user testing
See the top picks
3D
3D objects and isometric designs
See the top picksGuides
- How to Animate in Figma with Smart AnimateSmart animate tweens layers with matching names between two frames. What it animates, what it skips, and why Figma Smart animate isn't working for you.
- How to make a GIF in FigmaMake a GIF in Figma from frames with a plugin, export a Figma Motion animation as GIF, or record a prototype. Steps, loop and timing settings, and trade-offs.
- How to Make a Prototype in FigmaPress Shift+E, drag the + from a layer to a frame, and pick a trigger, action and animation. How to add overlays, flows and share a Figma prototype link.
- How to Add Video to a Figma PrototypePlace an MP4, MOV or WebM up to 300MB with Shift+Cmd+K. Which plans can upload video, how GIFs play in Figma prototypes, and what to do about sound.
- How to Change the Cursor in a Figma PrototypeFigma prototypes have no cursor setting. Why the pointer hand shows on some layers and not others, how to force it, and the workarounds for a custom cursor.
- How to Download or Export Video From FigmaDownload an MP4 embedded in a Figma file from Dev Mode, export Figma Motion as MP4 or WebM, and turn a prototype into video with a plugin or a screen recording.