2024
Motion design plugin for Figma
Personal · Jitter-style
Import Figma layers, animate with keyframes, easing curves, and stagger effects — like Jitter, but native to Figma.
Context
Designers prototype static screens in Figma, but motion lives somewhere else — Jitter, After Effects, Principle. Every animation means a context switch, a re-import, and design intent lost in the handoff. This plugin brings keyframe motion to real Figma layers, inside Figma.
It's a tool for designers, made by a designer who was tired of the round trip.
Designing a tool
Motion UX insidea plugin panel.
The hard constraint: a full motion editor — timeline, keyframes, easing, stagger — has to live in a narrow Figma plugin panel without feeling amputated.
Import real layers
It animates the actual Figma layers, not a copy. The design file stays the single source of truth — no divergence between the static and animated versions.
A timeline that survives the panel
The timeline is compact by necessity. Hierarchy and progressive disclosure do the work that screen space can't.
Easing-curve editor
The control Jitter users actually fiddle with most. It earned a real bezier editor, not a dropdown of presets.
Stagger as a first-class control
The most-wanted, least-supported motion primitive. Making it a primary control — not a buried setting — is the plugin's opinion.
Outcome
A working Jitter-style plugin that keeps motion native to the design file. The meta-point: I design the tools designers use, not just the screens — which is the same instinct that makes me ask, on every product, “what is the tool actually for?”
Visuals
This is a working plugin — happy to screen-share a live demo of the timeline, easing editor, and stagger in action. Request a recorded walkthrough →
Role
Product design + build
Studio
Personal project
Years
2024
Surfaces
Figma plugin