Back to Plugins

Animate on Path
Create path animation in 2 clicks
funfollowcurvepathmovealongmotionanimationanimatetolineonanimate on path
Plugin Preview
About this plugin
How to use:
- Select the object you wish to move, like Frame, Instance, Shape, etc
- Select 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 work
- Objects 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 support
To 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.
Plugin Details
Version | 1 |
---|---|
Created | April 10, 2024 |
Last Updated | April 11, 2024 |
Category | Prototyping & animation plugins |
Creator | Himanshu Jangir |
Stats | 1883 installs, 233 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.