Rotate

Adjust the angle of an element to fit different areas of your site.
With Rotate, you can turn a single element around its center point to better match your layout. This is especially useful when you already have a path or shape that works well and want to reuse it in another part of your site with a different orientation.

How to Use Rotate

1. Open the bottom toolbar
   Go to the bottom toolbar in the editor.

2. Select the Rotate tool
   Click Rotate. It is located near the Translate tool.
   The UI will indicate when Rotate mode is active.

3. Select a single element
   Click the element you want to rotate.
   Note: Rotate currently works on one element at a time.

4. Move your cursor near a corner
   Hover around the corners of the selected element until your cursor changes to the rotate icon.

5. Click and drag to rotate
   Click and drag to rotate the element around its center.

6. Release to place the new angle
   Once the element is positioned correctly, release your mouse.

Supported Elements

Rotate currently works with:

• Shapes

• Segments

Example Use Case

If you have a turn or path that already works well in one area of your site, you can rotate it to fit another section instead of rebuilding it from scratch.

Why Use This Feature?

Rotate helps you reuse proven layouts and paths more quickly by adjusting their orientation to fit different parts of your site. This can save time and reduce the need to recreate similar elements manually.