Getting Started

Introduction

What MotionKit is, its two animation modes, and the full feature set.

What is MotionKit?

MotionKit is a free Figma plugin that turns Figma into a full animation studio. Design and animate in one place — no switching between tools. Install it from the Figma Community page and start animating in seconds.

Two animation modes

MotionKit gives you two distinct workflows. Use whichever fits your project, or combine them for hybrid animations.

  • Timeline Mode — keyframe-based animation with easing curves. Animate 90+ properties: position, rotation, scale, opacity, fills, strokes, effects, corner radius, and more.
  • Frame-by-Frame Mode — traditional cel animation. Each child of your frame becomes a clip. Includes onion skinning, per-clip timing, and optional nested timelines for hybrid workflows.

Key features

  • 90+ animatable properties — position, rotation, opacity, fills, strokes, effects, text, and more. See Keyframes & Properties.
  • Vector morphing — animate between shapes with real SVG path interpolation.
  • Text animation — per-character style keyframing plus typewriter effects.
  • Discrete properties — instant-switch keyframes for visibility, blend mode, layer order, etc.

Getting started

Ready to jump in? Follow the installation guide or go straight to the Quick Start to create your first animation in under a minute.

Pricing

Free. No subscriptions, no premium tiers, no feature gates. MotionKit is built and maintained by a solo developer with community support. If you find it useful, consider supporting the project.

Open source

MotionKit is on its path to becoming fully open source. The codebase is hosted on GitHub — star the repo, report bugs, suggest features, or contribute directly. Every bit of support keeps this project alive.