Animate on Path
by Himanshu Jangir
Create path animation in 2 clicks
Installs
2,807
Likes
339
Users
12,817
Views
13,691
Preview
About this plugin
How to use:
Select the object you wish to move, like Frame, Instance, Shape, etcSelect the curve you wish to follow. Curves can be a line via the pen tool. In case of issues, try flattening the curve.
Example on this figma file. Duplicate the file to play around. If you wish to add you fun examples to this file, email me.
Known issues:
Straight lines as curves do not work.
Curve paths, which have gaps in them, do not workObjects or paths that have rotation do not work well.I would really appreciate it if you could share any additional issues by emailing a video or commenting.
Future updates:
Move duplicate objects on the same path. Similar to a train.
Text moving along a path.
Editing without closing the plugin.
Ease In/Out, custom easing supportTo request a change of priority or additional features, comment/email. I reply quickly.
Credits:
This plugin won't be possible without referring to the "To Path" plugin. ๐I learned a little coding just to make this plugin, which wouldn't have been possible without my friends Kulshreshta and Piyush.
Shoutout to Chatgpt: Figmo, Claude for code help.
More prototyping & animation plugins plugins
View allFigmotion
by L
Bringing motion to your Figma designs
LottieFiles - Discover, Create & Export Lottie animations
by LottieFiles
Animate Your Designs with Lottie Animations
Motion โ Animate UI & Create Animations in Figma
Paidby Pavel Babkin
Animate UI in Figma. Export to video, GIF, SVG.
Jitter ยท Animation for Figma
by Jitter
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers