Motion Presets · Animation Effects & Templates for Figma Motion

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 hello@chunrapeepat.com