By hand
6 steps- Draw or import the icon
- Key the position
- Key the scale
- Key the opacity
- Morph the path
- Play it back and fix the timing
Audio for Motion: Lifetime Plans Are Live: Get 20% OFF on Plus plan with Coupon - AUDIO20 
MOTION FOR FIGMA MOTION - FIGMA PLUGINTurn static icons intoanimated Figma Motion
A curated library of 10K+ animated icons, dropped straight into your Figma workflow. No manual keyframes, no plugin-to-plugin handoff.
10K+ animated icons
Browse a growing library of ready-made icon animations.
Live preview
Preview every animation inside the plugin before you place it.
4 motion tracks
Position, scale, opacity and path-morph keyframes, wired automatically.
Why designers choose Motion for Figma Motion
Stop keyframing icons by hand. Pick one, place it, and it plays.
Structured, not static
Every icon lands on your canvas as a fully structured Figma Motion animation, with position, opacity, scale and path-morph keyframes already wired up and ready to play.
10K+
animated icons in the library
From icon to wired animation
Each icon keeps stroke and fill layers separate, so styling stays clean and every animation scales to fit any frame size. Real Figma Motion keyframes, not duplicate static frames.
500+
animations every month
800+
icons inserted
Designers reached, growing daily
Used by motion and product designers to drop wired icon animations straight into Figma. Go from idle icon to playing animation faster.
Six steps by hand. Two with Motion for Figma.
Animating one icon manually means keying every track yourself. With the plugin you pick an icon, place it, and the keyframes are already wired.
Motion for Figma
2 steps- Pick an icon from the library
- Place it on your canvas
PositionScaleOpacityPath-morph
Results that speak volumes
Find out how designers are raving about it.
“Dropping an animated icon straight onto the canvas with working keyframes saved me hours every week. It just plays, right out of the plugin.”
M
MeeraMotion Designer
“I used to hand-key every icon animation before it went into a prototype. Now I pick one from the library, drop it in and the position, scale and opacity keyframes are already there. It's changed how fast I can prototype.”
D
DanielProduct Designer
“The live preview before inserting is what sold me. No more guessing which icon animation fits the frame.”
P
PriyaUI Designer
“Stroke and fill stay on separate layers, so I can restyle an icon after inserting it without breaking the animation. That alone saved our whole team a lot of rework.”
O
OwenDesign Lead
Motion for Figma Motion: frequently asked questions
What is Motion for Figma Motion?
It is a Figma plugin with a curated library of 10K+ animated icons that you drop straight into your Figma workflow. There are no manual keyframes and no plugin-to-plugin handoff.
Do I need to create keyframes myself?
No. Every icon lands on your canvas as a structured Figma Motion animation, with position, scale, opacity and path-morph keyframes already wired up and ready to play.
Can I preview an animation before using it?
Yes. You can preview every animation inside the plugin before you place it on your canvas.
Can I restyle an icon after inserting it?
Yes. Each icon keeps its stroke and fill layers separate, so you can restyle it without breaking the animation. Every animation also scales to fit any frame size.
How much time does it save compared to animating by hand?
Animating one icon manually takes six steps, from keying position, scale and opacity to morphing the path and fixing the timing. With the plugin it takes two: pick an icon from the library and place it on your canvas.
Bring icons to lifeAnimate faster,
Animate faster,
style freely
Insert fully wired Figma Motion animations in one click. Polished animation, without the grunt work.
More plugins for faster Figma workflows
More Figma plugins for image conversion, audio and path animation, all built to speed up your motion design workflow.
Image to Figma Design
Transform any image or screenshot into an editable Figma design with AI: real layers, real components, pixel-accurate layouts.
Learn more →
Audio For Figma
Real sound effects, voiceovers and music synced live to the Motion playhead, right inside Figma.
Learn more →
Path Motion
One-click Path Trim animation for Figma Motion (Beta). Select a shape, click a button, get instant keyframes.
Learn more →