Shapora

Grid & Snap Settings Panel

The Grid & Snap panel lets you configure grid display and snap behavior. Click the grid icon button on the right side of the toolbar to show it at the shared full-height right-panel size.

Grid Settings

SettingDescriptionDefault
Show gridWhether to display the gridOFF
Minor grid spacingSpacing between thin grid lines (px or mm)32px
Minor grid colorColor of thin grid linesLight blue
Major grid intervalHow many minor cells per major line5
Major grid colorColor of thick grid linesDarker blue

Snap Settings

Grid Snap

When grid snap is on, nodes snap to grid lines while creating, moving, or resizing. During node-creation drags, both the start vertex (top-left) and the end vertex are snap targets. For rotated nodes, the rotated corners and center are snap targets. Off by default.

Smart Snap

When smart snap is on, real-time guides help alignment with node and canvas division positions. A division count of 2 snaps to edge-center-edge positions; 3 snaps to edge, one-third, two-thirds, and edge positions. While snapping to another node, the node providing the guide is highlighted with the same dashed outline used for selection. During node-creation drags, both start and end vertices also snap to guides. Rotated nodes snap using their rotated corners, edge midpoints, and centers. In multi-page mode, canvas division positions on other pages are also snap targets. On by default.

When the toolbar’s Corner Linking toggle is on, text / rect / svg / image / builtin nodes whose corners coincide within the snap threshold become linked. Corner linking remains active when smart snap is off. Linked nodes move together not only when resizing a shared corner but also when translating, so grid-like layouts can behave like a table. Connection nodes are excluded.

  • Snap threshold (px): how close (in pixels) a node must be to snap (default: 8px)
  • Smart snap divisions: how many segments are used between each node or canvas edge pair to create snap positions (default: 2, max: 10)