Back to Plugins
Animate on Path

Animate on Path

Create path animation in 2 clicks

funfollowcurvepathmovealongmotionanimationanimatetolineonanimate on path

Plugin Preview

Animate on Path preview

About this plugin

How to use:

  1. Select the object you wish to move, like Frame, Instance, Shape, etc
  2. 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:

  1. Move duplicate objects on the same path. Similar to a train.
  2. Text moving along a path.
  3. Editing without closing the plugin.
  4. 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

Version1
CreatedApril 10, 2024
Last UpdatedApril 11, 2024
CategoryPrototyping & animation plugins
CreatorHimanshu Jangir
Stats1883 installs, 233 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none