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.
Animate on Path
原型和动画 · 227 likes
Create path animation in 2 clicks
Related plugins
- LottieFiles - Create animations & export from Figma to Lottie
Animate Your Designs with Lottie Animations
- Figmotion
Bringing motion to your Figma designs
- Jitter · Animation for Figma
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers
- Motion - Animation for Figma
Animate your designs, export to video / GIF / APNG / SVG, handoff with developers
- ProtoPie
High-fidelity prototyping for Figma. Import Figma designs and add dynamic, conditional interactions.
- Measure
Add measurement lines and additional helpful information to your designs