MotionKit - Animation & Motion Design inside Figma
Animation studio inside Figma - Make Motion Graphics and export to Mp4/Gif+ Lottie + Figma Motion
Plugin Preview
About this plugin
MotionKit — Animation Studio Inside FigmaTurn Figma into a full animation studio. Create timeline animations, frame-by-frame motion, vector morphs, and text effects directly in your design file — then export to MP4, GIF, or Lottie without leaving Figma.✨ Key Features• Timeline with keyframe animation & easing curves• Frame-by-frame with onion skinning & layers panel• Modifiers: stroke trim, follow path, loop modes, type writer effect• Vector shape morphing between any paths• Per-character text animation• New: Text on path animation• Nested animations with independent frame rates• Recording mode (captures every movement)• MP4 / GIF / PNG / Lottie export• Fully offline — no paywalls, no subscriptionsPerfect for product demos, social content, UI motion, and micro-interactions.🎯 What's NewMotionKit 4.1 — Adoptability with Figma Motion ( New Figma Native Motion )Sync ( import & export data bridge with MotionKit & Figma Motion )Physics improved ( Realistic Collisions on RigidBody even with complex vectors )MotionKit 4.0 — Physics, Smart Animate & Frame-by-Frame Sync⚡ Physics Bake — drop, bounce and collide real rigid-body physics, baked straight into editable keyframes. Re-bake any time; it always replays from the start.✨ FBF Smart Animate — pick a start and end frame and auto-tween everything that changed across every layer (position, scale, rotation, color, effects, even shape morphs). Missing layers are recreated in the in-between frames at the right order.🔗 Layer Sync & Mirror Selection — edit all your frame-by-frame cels as one: add or delete a layer once and it updates in every frame; move a layer everywhere at once with onion-skin ghosts. Text-aware and frame-safe.➕ New Offset & Wiggle transform modifiers, plus a full easing family (Sine, Quart, Quint, Expo, Circ).Note: Physics is now a modifier block with a Bake button, and Smart Animate is a toolbar button (no more right-click).📚 ResourcesOfficial Site: https://motionkit.codeideal.comGitHub: https://github.com/novincode/motionkitNeed a dev? https://codeideal.com💖 SupportBuy Me a Coffee: https://buymeacoffee.com/codeidealGitHub Sponsors: https://github.com/sponsors/novincodeFree to use. Made with care.
Plugin Details
| Version | 30 |
|---|---|
| Created | February 10, 2026 |
| Last Updated | June 30, 2026 |
| Category | Prototyping & animation plugins |
| Creator | NovinCode |
| Stats | 722 installs, 102 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui/index.html
- main:dist/plugin/code.js
- Document Access:dynamic-page
- Network Access:
Fetches the public supporters list, and validates Pro license keys against the MotionKit licensing API.
- Editor Types:figma
- Allowed Domains:
- https://motionkit.codeideal.com
- https://raw.githubusercontent.com
More Like This
Discover other plugins in the Prototyping & animation plugins category.