Motion Design.
Inside Figma.
Timeline keyframes, frame-by-frame, vector morphing, text animation, and direct video export. Everything you need — without leaving Figma.
Everything you actually need.
Real animation tools built for Figma. No workarounds, no hacks.
Timeline Keyframes
Professional keyframe timeline with drag-and-drop, snapping, bezier curve editor, and 17+ animatable properties.
Frame-by-Frame
Classic cel animation inside Figma. Clips, onion skinning, per-frame timing, and independent frame rates.
Vector Morphing
Animate between vector shapes with real SVG path interpolation. Rectangles, ellipses, stars, booleans — all supported.
Text Animation
Per-character and per-segment text keyframing. Animate size, color, spacing, and more across individual ranges.
Direct Export
Render to MP4, GIF, PNG sequence, or Lottie JSON at up to 4x scale. No external tools needed.
Recording Mode
Move elements in Figma, keyframes appear at the playhead automatically. Iterate fast.
Full Shortcuts
Customizable keyboard shortcuts with Blender-inspired defaults. Navigate and edit without touching a menu.
Anchor Points
Set custom transform origins per layer. Rotation, scale, and position animate relative to the anchor.
Nested Compositing
Timeline inside frame-by-frame, frame-by-frame inside timeline. Each at its own frame rate, composited correctly.
Import & Export
Save and load animations as MotionKit files. Share animation data between Figma files or teammates.
Easing Presets
Spring, bounce, elastic, and classic bezier easings. Visual curve editor for precise timing control.
One-Click Install
Install from Figma Community in seconds. Free forever — no accounts, no paywalls, no feature gates.
Getting Started
Frame-by-Frame
Advanced Features
Export
Reference
Ready to animate?
MotionKit is free. No accounts. No trials. Just install and start creating.