Animate on Path

原型和动画 · 227 likes

Create path animation in 2 clicks

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.

Open in Figma

Related plugins