Rive 101 logoRive 101
About📋 Changelog
0%
Progress0/90
1.4

Snapping

1m 20sPartial+1 changes
Rive 101 - Snapping

Watch on YouTube

⚠️ Some content differs from current version

🟡2024.10Snap to pixel on by default

Snap to pixel now enabled by default.

📌 Key Points

Auto-align objects to center/edges/corners, temporarily disable.

📝 TutorialAvailable

Summary

This lesson explains Snapping, a layout tool in Rive that acts like a magnet to help align layers precisely. It demonstrates how objects can snap to the Artboard's center and edges, or to other objects' boundaries, and covers how to toggle this feature on or off.

Step by Step

  1. 00:04
    Visual Guides
    When dragging a layer, red lines appear to indicate that Rive is snapping the object to a specific guide, such as the Artboard's center.
  2. 00:24
    Snap Targets
    Layers can snap to the Artboard's center, sides, and corners.
  3. 00:36
    Object-to-Object Snapping
    With multiple layers, objects can snap to each other's tops, sides, and corners for perfect alignment.
  4. 00:50
    Toggle Snapping
    Disable snapping globally via the top menu to allow for free, unconstrained movement.
  5. 01:01
    Temporary Disable (Cmd/Ctrl)
    Hold Command (Mac) or Control (Windows) while dragging to temporarily bypass snapping without turning it off in the settings.

Notes About Current Rive

  • Efficiency: Snapping is essential for maintaining a clean and symmetrical design, especially when working with geometric shapes.
  • Smart Guides: Rive's snapping system automatically detects relevant alignment points based on the active layers in the Hierarchy.

📝 Notes

Markdown supported
0 chars