On this page
About MotionKit
MotionKit is a free Figma plugin published by NovinCode in 2026. It works in Figma Design and Dev Mode and has 2,938 users and 76 likes on the Figma Community. It ranks #17 in New in 2026 on our lists.
In the developer's words
MotionKit — Animation Studio Inside Figma
Turn 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 subscriptions
Perfect for product demos, social content, UI motion, and micro-interactions.
🎯 What's New
- Better Frame by frame nested clip previewing
- Bug fixes
- Text animation presets
📚 Resources
Official Site: https://motionkit.codeideal.com
GitHub: https://github.com/novincode/motionkit
Need a dev? https://codeideal.com
💖 Support
Buy Me a Coffee: https://buymeacoffee.com/codeideal
GitHub Sponsors: https://github.com/sponsors/novincode
Free to use. Made with care.
What's new
Version 23 · released Jun 12, 2026
- Text Presets
- Preview nested frame by frame clip thumbnails.
- UX improvements
Permissions and privacy
Network access
MotionKit can only connect to the 2 domains declared in its manifest: raw.githubusercontent.com and motionkit.codeideal.com.
- raw.githubusercontent.com
- motionkit.codeideal.com
Extra permissions
- Reads your Figma name and avatar
Read from the plugin's published manifest.
Where MotionKit ranks
MotionKit alternatives
- 1
HTML to Figma
by Morty
22K users565FreeImport HTML and convert web layouts into editable Figma designs
- 2
9K users245FreeBuddy - Your Figma AI design partner, living right inside Figma.
- 3
Text on path
by Aleksei Kipin
8.8K users62FreePlace text on paths and shapes — curves, circles, and custom vectors.
- 4
CANVA Export
by willabs
8.4K users111FreeExport Figma to Canva Design
- 5
Perspective Distort
by Aleks. Keda
8.2K users111FreeApply realistic 3D perspective transformations to any vector shape
- 6
Layerize: Image to Figma AI
by David
6.2K users95FreeFREE: Screenshot to Figma!! Convert image to Figma design!
MotionKit FAQ
What does MotionKit do?
Animation studio inside Figma - Make Motion Graphics and export to Mp4/Gif/PNG + Lottie - 100% FREE. It's a Figma plugin by NovinCode that runs in Figma Design and Dev Mode.
Is MotionKit free?
Yes. MotionKit is free to install and run from the Figma Community, with no paid tier listed.
Is MotionKit safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. MotionKit can only connect to the 2 domains declared in its manifest: raw.githubusercontent.com and motionkit.codeideal.com. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install MotionKit?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to MotionKit?
By user count, the closest alternatives are HTML to Figma by Morty, Buddy Figma AI agent:Claude design to Figma,Codex HTML UX generator Co-pilot assistant for Designers and Text on path. Compare all of them on the best Figma plugins for new in 2026.
Built this plugin?
Use this page as a landing page for MotionKit: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/motionkit/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="MotionKit on figmaplugins.co" width="220" height="48"></a>