MotionKit - Free Animation Studio inside Figma
Animation studio inside Figma - Make Motion Graphics and export to Mp4/Gif/PNG + Lottie - 100% FREE
Plugin Preview
About this plugin
MotionKit turns Figma into a full animation studio.
Create timeline animations, frame-by-frame motion, vector morphs, and text effects directly inside your design file — then export to MP4, GIF, PNG, or Lottie without leaving Figma.
✨ Key features
• Keyframe timeline with easing curves
• Frame-by-frame animation with onion skinning
• Vector shape morphing
• Per-character text animation
• Nested animations with independent frame rates
• Recording mode (Captures every movement)
• MP4 / GIF / PNG Render
• Lottie + MotionKit project export
• Fully offline; no paywalls
Perfect for product demos, social content, UI motion, and micro-interactions.
Free to use. No subscriptions.
---
Official Website: https://motionkit.codeideal.com
github: https://github.com/novincode/motionkit
Need a dev? https://codeideal.com/
---
Support: https://buymeacoffee.com/codeideal
Become a monthly sponsor: https://github.com/sponsors/novincode
Plugin Details
| Version | 3 |
|---|---|
| Created | February 10, 2026 |
| Last Updated | February 14, 2026 |
| Category | Prototyping & animation plugins |
| Creator | NovinCode |
| Stats | 5 installs, 1 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 to display in the Support dialog.
- Editor Types:figma
- Allowed Domains:
- https://raw.githubusercontent.com
More Like This
Discover other plugins in the Prototyping & animation plugins category.