Everything you need to create professional animations in Figma with MotionKit.
The keyframe timeline interface — toolbar, layer list, keyframe area, and header tabs.
The four keyframe types, 90+ animatable properties, and how to add, select, and move keyframes.
16 built-in easing presets, the visual Bezier Curve Editor, and custom presets.
How recording works — automatic keyframe capture, intelligent change detection, and baseline state.
Set in/out markers for partial playback, and choose between Once, Loop, and Ping-Pong modes.
Cel animation in Figma — clips, the gallery view, per-clip timing, and hybrid nested timelines.
Ghost frames with red/blue tinting — previous and next frame preview for cel animation.
Independent layers that play alongside the FBF sequence — backgrounds, overlays, and parallel animations.
SVG path interpolation — animate between vector shapes with point-by-point Bézier morphing.
Per-segment text keyframing — style interpolation, typewriter effects, and counter animations.
Instant-switch keyframes for visibility, blend mode, text content, constraints, and more.
The anchor-point transform model — position, rotation, scale, coordinate system, and creative techniques.
16 built-in presets (Fade, Slide, Zoom, Bounce, Spin, etc.) plus custom presets.