Let me tell you exactly how I ended up writing this.
I was working on a product demo — nothing crazy, just a few screens animating in, some micro-interactions, maybe a Lottie at the end for the developer. Standard stuff. I opened After Effects, waited for it to load, remembered I had to update it, then remembered it costs me $XX every month, and just... sat there for a second.
I thought: there has to be a better way to do this in 2026.
There is. I'm going to tell you about it. But first, some context.
The After Effects problem nobody says out loud
AE is genuinely powerful. I'm not here to trash it. For VFX, compositing, broadcast — it's irreplaceable.
But for the kind of motion design most of us actually do day-to-day?
- UI animation for handoff
- Product demos and explainers
- Social media loops
- Lottie exports for dev teams
For that work, After Effects is:
- Too expensive (the CC subscription alone is painful if you're freelancing or indie)
- A completely separate app from where your actual design lives
- Built on a workflow that hasn't fundamentally changed in 20 years
You export from Figma, import into AE, animate, render, fix the render, rename the file, send it. That pipeline exists because for years, there was no alternative.
In 2026, there is.
Animation inside Figma — where things actually stand
Figma's plugin ecosystem has matured a lot. Before I get to the one I actually use now, here's an honest look at what else is out there:
Figmotion — open source, been around forever, does keyframe animation right inside Figma. The UI feels dated and it can be confusing to set up, but it works. Good starting point if you want something minimal.
Figma Community →
Jitter — probably the most polished animation plugin visually. The interface is slick. But it's a separate web app (you leave Figma to use it), and the free tier hits a wall fast. Once you go past basic stuff you're looking at a subscription.
Figma Community →
LottieFiles — great if your only goal is Lottie export. Narrow focus, does it well, not really built for complex animation workflows.
Figma Community →
Aninix — serious tool, exports to Lottie/MP4/GIF, good feature set. It's paid, which is fine, but that's the tradeoff.
Figma Community →
These are all legitimate options depending on what you need. But they all have limits — either in features, cost, or the fact that they pull you out of Figma into something else.
MotionKit
This is the one I didn't see coming.
MotionKit is a Figma plugin that is completely free. No subscription. No "basic/pro" tier nonsense. No export watermark. You install it, you animate, you export.
Install from Figma Community →
When I first read the feature list I honestly thought it was exaggerated. It wasn't.
What it actually does
Real timeline animation
There's a proper keyframe timeline. Not a toy version — I mean visual easing curves, snapping, a work area marker, draggable keyframes. It animates over 17 properties: position, scale, rotation, opacity, blur, shadows, corner radius, fill color, stroke... basically everything you'd expect in a proper motion tool.
The thing that changed how I work is recording mode.
You enable it, move the playhead to where you want, then just move things around in Figma normally. Keyframes appear automatically. Resize a layer, change a color, morph a vector shape — all captured. No menus, no clicking tiny diamonds on a timeline.
It sounds small. It isn't. It removes the part of animation software that always felt like fighting the tool.
Frame-by-frame mode
I didn't expect this to be any good. It's genuinely good.
MotionKit has a full cel-animation workflow: explicit frames, onion skinning (see previous frames as ghosts while you draw), independent frame rates per clip, per-frame timing control. It feels like Procreate's approach dropped into Figma.
The detail I appreciate most: detached layers. You can mark a layer as persistent — it stays visible across all frames without being redrawn. Your background. Your UI chrome. The stuff that never changes. You just detach it and forget about it.
Nested animations
This is where it gets weird in a good way.
You can put a timeline animation inside a frame-by-frame clip. Or a frame-by-frame inside a timeline. Or nest several levels deep. Each one runs at its own frame rate. The engine composites it correctly.
If you've ever tried to do something like this in other tools — combining a hand-drawn loop with a smooth keyframed element — you know how painful it gets. Here it just... works.
Modifiers (v2+)
This was added more recently and it's the Blender-brained part of the plugin.
Instead of cluttering your timeline with extra keyframes, you attach modifiers to a layer:
- Follow Path — object follows a vector path you draw
- Stroke Trim — animate stroke offset for loading spinners, progress bars
- Loop Mode — set this layer to loop, play once, or ping-pong, independently of everything else
- Copy Animation — reference another layer's keyframes on this one
They stack. They run in order. You get procedural-feeling animation without the complexity usually required to pull it off.
Export
MP4 (H.264), GIF, PNG sequence, Lottie JSON — all built in. No external encoder. 1x to 4x scale. You animate, you render, you're done.
Lottie export in particular is something I used to need a whole separate workflow for. Now it's just an option in the export menu.
Who should care about this
If you're a motion designer doing VFX or compositing work: probably not the thing for you. AE is still the right call there.
If you're a UI designer, product designer, freelancer, indie dev — someone who animates stuff regularly but doesn't want to live in a dedicated motion suite — this is worth your time.
In 2026, the idea that you need a full desktop subscription to animate a product demo, or to hand off a Lottie to a developer, or to build a social asset — that idea is just... outdated. MotionKit is the reason.
Try it
Search MotionKit in Figma Community plugins, or go to motionkit.codeideal.com.
It's free. Install takes 10 seconds. If you hate it, you uninstall it. But I'd guess you won't.
If it ends up being useful, the developer has a GitHub Sponsors and Buy Me a Coffee. Solo project, no funding. That kind of support is what keeps tools like this alive and free.
Figma Community → search MotionKit | GitHub → novincode/motionkit
Top comments (0)