Advanced Features
Animation Presets
16 built-in presets (Fade, Slide, Zoom, Bounce, Spin, etc.) plus custom presets.
Built-in animation presets
MotionKit includes 16 ready-to-use animation presets that you can apply to any layer with one click. Presets set up the keyframes, easing, and timing for common motion patterns.
Entrance (7 presets)
| Preset | Description |
|---|---|
| Fade In | Opacity 0 → 100% |
| Slide In Left | Enters from the left |
| Slide In Right | Enters from the right |
| Slide In Top | Enters from above |
| Slide In Bottom | Enters from below |
| Zoom In | Scales from small to full size |
| Pop In | Scales up with overshoot (bouncy) |
Exit (3 presets)
| Preset | Description |
|---|---|
| Fade Out | Opacity 100% → 0 |
| Slide Out Left | Exits to the left |
| Slide Out Right | Exits to the right |
| Zoom Out | Scales down to nothing |
Emphasis (3 presets)
| Preset | Description |
|---|---|
| Pulse | Scale up and back (attention-getter) |
| Shake | Quick horizontal oscillation |
| Bounce | Vertical bounce with gravity |
Transform (3 presets)
| Preset | Description |
|---|---|
| Spin | Full 360° rotation |
| Flip Horizontal | 180° flip on horizontal axis |
| Move | Position shift |
Applying presets
- Select a layer in the timeline.
- Open the Preset Library from the side panel.
- Click a preset to preview it, then confirm to apply.
- The preset creates keyframes on the appropriate property tracks with pre-configured easing.
Custom presets
You can save your own keyframe setups as custom presets:
- Animate a layer with the desired motion.
- Select the keyframes you want to save.
- Click Save as Preset in the Preset Library.
- Give it a name — your preset is saved to user settings.
Custom presets persist across files and Figma sessions. Delete them from the Preset Library when you no longer need them.
Preset application dialog
When applying a preset, a dialog lets you configure:
- Duration — how long the animation takes.
- Start time — where on the timeline to place the keyframes.
- Replace vs. Merge — replace existing keyframes or add the preset on top.