Rulers & Guides

Summary

This lesson covers the use of Rulers and Guides in Rive, essential tools for aligning designs and positioning elements with precision. You will learn how to activate rulers, create and manage custom guides, and utilize snapping to ensure your layers are perfectly placed within your composition.

Step by Step

1. 00:04
   Activating Rulers

   Go to the top menu and select Rulers. This displays a horizontal ruler at the top and a vertical ruler on the left side of the editor.
2. 00:21
   Artboard Alignment

   Rulers are perfectly aligned with the artboard; moving the artboard will cause the rulers to follow accordingly.
3. 00:33
   Creating Guides

   Hover over either ruler until the cursor changes, then click and drag to pull a guide onto the canvas.
4. 00:44
   Editing Guides

   You can reposition guides by clicking and dragging them, or remove individual guides by selecting them and pressing Delete.
5. 01:00
   Locking Guides

   Use the Lock Guides option in the menu to prevent further selection or movement of guides while maintaining their visibility.
6. 01:16
   Snapping to Guides

   Even when locked, layers can snap to guide edges, centers, and corners, providing a powerful way to organize your layout.
7. 01:37
   Clearing Guides

   To remove all guides at once, navigate to the menu and select Clear Guides.

Notes About Current Rive

• Relative Coordinates: Guides in Rive are relative to the artboard, ensuring consistency as you navigate through your project.
• Locked State Indicator: If you can create a guide but cannot select it immediately, double-check if Lock Guides is enabled in the settings.
• Efficiency: Combining guides with Rive's built-in Snapping system is often much faster than manual coordinate entry for UI and layout design.