Motion Presets · Animation Effects & Templates for Figma Motion
Skip the keyframes. One-click animation presets to animate your designs in Figma Motion.
Plugin Preview
About this plugin
Skip the keyframes. One-click animation presets to animate your designs in Figma Motion.Building animations in Figma Motion means hand-crafting keyframes for every fade, slide, and blur. It's slow, repetitive, and easy to get wrong.⚡ Motion Presets assigns the keyframes for you:Select the elements you want to animatePick a preset: fade, mask, blur, and moreAdjust the settings and preview liveApply to the Figma Motion timeline✨ What it can do:One-click apply: writes keyframes directly to your Figma Motion timelineSaved presets: save your settings as a named recipe and reuse it across every animation in a fileText animation: animate any text by character, word, or line — each unit becomes a real layer with its own timeline rowLive preview: see the animation on your real selection before applyingIn & Out modes: every preset works as an entrance or an exitEasing picker: 8 curves including expo, back, elastic & bounce, with visual thumbnailsStagger: offset each layer for cascading sequencesAnimate elements separately: expand a group and animate its layers in orderFully adjustable: direction, duration, scale, rotation, blur radius, and more[NEW] Morph Properties: animate between element states — capture two versions, differences tween automatically, chain up to 5 state🎨 Preset library:Fade: Fade, Fade & SlideScale: Spin, Grow, Move & ScaleMask: Mask Reveal, Mask & SlideBlur: Blur, Blur & Slide, Blur & ScaleText: TypewriterMore coming soon.💜 Feedback & supportHave an idea, a question, a bug, or a feature request? Use the in-plugin feedback button, or email [email protected]
Plugin Details
| Version | 3 |
|---|---|
| Created | July 3, 2026 |
| Last Updated | July 9, 2026 |
| Category | Prototyping & animation plugins |
| Creator | Chun Rapeepat |
| Stats | 34 installs, 9 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Anonymous usage analytics and in-plugin user feedback (PostHog). No document content or personal data is collected.
- Editor Types:figma
- Allowed Domains:
- https://us.i.posthog.com
More Like This
Discover other plugins in the Prototyping & animation plugins category.