Skip to content
Animate on Path

Animate on Path

by Himanshu Jangir

Create path animation in 2 clicks

FreeFigma

Installs

2,807

Likes

339

Users

12,817

Views

13,691

Preview

Animate on Path 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 all