Designful Launch editor

Grid Snapping

All Tags /GridSnappingAlignment

Overview

Grid snapping keeps objects aligned to the grid while you drag or resize. It uses the object’s visual bounds (including stroke) so the edges you see are the edges that snap.

Behavior

  • Drag: the object’s top-left visual bound snaps to the nearest grid intersection within the snap threshold.
  • Resize: the moving edge snaps to the nearest grid line when it enters the snap threshold.
  • Zoom: snapping works in canvas coordinates; the threshold scales with zoom so the feel stays consistent.
  • Visibility gate: snapping only activates while the grid is visible.
  • Force snap on release: enable forceSnapToGrid to snap the object to the nearest grid intersection when you release the drag, even if it never entered the snap threshold.

Tips

  • Set the grid size (and subdivisions) to control the snap spacing.
  • Hold Alt/Option while dragging or resizing to temporarily disable snapping.