PATH_TRIM_START / END
Trim Path
Draw a stroke on, erase it off or do both in one pass. Chase loaders, travelling-arc spinners and signature reveals, all as real trim keyframes.
Explore Trim Path →
Audio for Motion: Lifetime Plans Are Live: Get 20% OFF on Plus plan with Coupon - AUDIO20 
PATH MOTION - FIGMA PLUGINNative Path & Strokeanimation for Figma Motion
Animate strokes, paths, loaders, icons, logos and objects with real Figma Motion (Beta) keyframes. Not a Smart Animate workaround and not a custom playback engine.
Real keyframes
Writes PATH_TRIM, TRANSLATION and ROTATION tracks straight into Figma's Motion panel.
Any path, any layer
Trim strokes, follow a path or ride a drawing on shapes buried in frames and groups.
Fully editable
Every keyframe lands on Figma's native timeline, ready to hand-tune after the fact.
One plugin, three native motion tracks
Each module writes a different kind of Figma Motion keyframe. Pick the one that matches what you're trying to move.
TRANSLATION / ROTATION
Track Path
Turn any vector into a motion guide. Path Motion samples the path's true arc length so layers follow it with correct tangent orientation.
Explore Track Path →LIVE DRAW POSITION
Ride Path
Attach a pen, cursor or hand icon to the live drawing position of a trim, for hand-drawn, whiteboard-style explainer animations.
Explore Ride Path →Select a shape, get real keyframes
No exported workarounds and no fake playback engine. Every action writes directly onto Figma Motion's own timeline.
1
Select a path or shape
Pick any vector, stroke or shape, even one buried in frames and groups.
2
Click Trim, Track or Ride
Choose the module that matches the motion you want.
3
Keyframes land in Figma's Motion panel
Hand-tune them on the native timeline like any other animation.
Loved by makers and teams worldwide
Real feedback from people who use Path Motion every day.
“Track Path took our onboarding arrows from a static mockup to a real Motion animation in one click. Arc length and tangent orientation were spot on, no manual nudging needed - it just followed the path the way I drew it.”
N
NehaUI/UX Designer
“I stopped faking trims with Smart Animate the day I found Path Motion. The keyframes show up right in Figma's own Motion panel and I can still hand-tune them after export. It's the first plugin that feels like it belongs inside Figma instead of bolted on.”
T
TimProduct Design
“Ride Path is exactly what our explainer videos needed. The pen icon follows the actual drawing position, not an approximation, so the hand-drawn feel finally reads as intentional instead of slightly off.”
T
TravisCreative Designer
“Every keyframe Path Motion writes is a real one, so I never have to explain to the team why an animation 'doesn't work' outside the prototype anymore. It just plays, everywhere, because it was never fake to begin with.”
J
JennySenior UI/UX Designer
Simple, flexible pricing
Unlock unlimited Trim, Track and Ride Path animations. Monthly or yearly, cancel anytime.
- Plus$48.00/year$4.00/mo, billed yearly · save 56%
- Animate objects along paths
- Adjust path start and end points
- Create smooth path animations
- Most PopularPro$60.00/year$5.00/mo, billed yearly · save 62%
- Everything in Plus
- Rotate objects along paths
- Fine-tune path movement
Path Motion: frequently asked questions
What is Path Motion?
It is a Figma plugin that animates strokes, paths, loaders, icons, logos and objects with real Figma Motion (Beta) keyframes. It is not a Smart Animate workaround and not a custom playback engine.
Do I need Figma Motion (Beta)?
Yes. Path Motion detects if Figma Motion isn't enabled in your file and tells you right away.
What are Trim Path, Track Path and Ride Path?
They are the three modules. Trim Path draws a stroke on or erases it off. Track Path turns any vector into a motion guide that layers follow. Ride Path attaches a pen, cursor or hand icon to the live drawing position of a trim.
Are the keyframes real and editable?
Yes. Path Motion writes PATH_TRIM, TRANSLATION and ROTATION tracks straight into Figma's Motion panel, so you can hand-tune every keyframe on the native timeline afterwards.
What can I animate?
Any vector, stroke or shape, even ones buried in frames and groups.
Figma Motion (Beta) requiredDraw it once,
Draw it once,
animate it natively
Trim strokes, follow paths and ride hand-drawn lines, all written as real Figma Motion keyframes you can keep editing.
More plugins for faster Figma workflows
Design, automate and ship, all without leaving Figma.
Motion For Figma Motion
A curated library of animated icons directly in your Figma workflow. No manual keyframes, no plugin-to-plugin handoff.
Learn more →
Audio For Motion
Real sound effects, voiceovers and music synced live to the Motion playhead, right inside Figma.
Learn more →
Capture Motion
Record real animations from websites and instantly recreate them inside Figma Motion.
Learn more →