All Collections
FAQ
FAQs for Design
How to Create Curved Path Animations in Sketch
How to Create Curved Path Animations in Sketch

Moving Along a Curved Path

Or avatar
Written by Or
Updated over a week ago

Quick guide for creating Animations along a curved path in Sketch using Anima.


To create a curved path:

  1. Group the element you want to curve (Example, the Sun or Moon), to one end of a rectangle as show in the image below

  2. Then, in the Interactions Editor, rotate the Group from one state to the other

  3. Adjust Transition timing

❗️Tip:

  • Adjust the width of the rectangle to change the curve 

  • Hide rectangle once you are happy with the curved path created

❗️Please note:

  • Due to the shift towards Figma in the UX/UI market, we have decided to remove official support for our Sketch plugin. However, users can still use the plugin as-is. We recommend using Anima with previous Sketch versions.

Learn More

Get Started with Anima!

Did this answer your question?