DEV Community

Cover image for Animation & Motion Design INSIDE FIGMA 2026
Shayan
Shayan

Posted on

Animation & Motion Design INSIDE FIGMA 2026

I always enjoyed designing inside Figma, But when it comes to animation, then we have to either go with After Effects or Davinci Resolve which they're not as comfortable as Figma.

That's why I started making one of my most ambitious projects, MotionKit.

MotionKit - Free animation inside Figma

MotionKit Super Powers

You can turn ANY Figma frame ( artboard ) into:

1. Timeline Animation

  • Powerful Record Mode ( Morphing, Text Animation, Colors, Everything! )
  • Blender Inspired Timeline
  • Presets Manager ( Default presets + Define your own custom presets ) MotionKit - Animation inside figma

2. Frame By Frame Animation

Frame by frame animation inside figma

  • Onion Skinning ( Customizable )
  • Compatible with Figma Draw mode

Nested Animations!

  • have multiple nested frames with different animations
  • They can have different frame rates, and duration and looping mode

Render without paywalls!

  • Render as Mp4 - Gif - PNG Sequence
  • Export as Lottie animation

Figma Animation Free Render & export as video

This plugin is TOTALLY Free. I didn't wanna make it a SaaS and lock some features, I wanted to help more designers.

But if you end up using it and found it helpful, You can always support me:
BuyMeACoffee
Sponsor in Github


Links to this project:
Figma Community page (INSTALL HERE)
MotionKit Official Website
Github

Top comments (0)