Navigating the Canvas

Zoom

Method	How
Mouse wheel + `Cmd`/`Ctrl`	Zoom in/out
`Cmd/Ctrl` + `+`	Zoom in
`Cmd/Ctrl` + `-`	Zoom out
`Cmd/Ctrl` + `0`	Reset zoom to 100%
Footer − / % / + buttons	Zoom controls; click the percentage to reset to 100%
Footer Fit to Screen icon	Fit the entire canvas in the viewport

Zoom range: 10% – 400%.

Pan

Method	How
Hand tool (`H`)	Switch to the Hand tool, then click and drag anywhere on the canvas to pan
Middle mouse button drag	Pan without switching tools

Rulers

Toggle rulers from the header View options dropdown (grid icon) → Show Rulers. Rulers appear along the top and left edges.

Canvas with rulers visible along the top and left edges, a grid overlay, and a blue smart-guide line appearing while an element is being dragged into alignment with another element.

Grid

Show Grid — displays a dotted/line grid over the canvas as a visual alignment aid. Toggleable from the header View options dropdown.

Snap to Grid — elements snap to grid lines when moved or resized. Toggled independently from View options or the footer grid icon.

Smart Guides

Smart Guides (footer magnet icon) — when enabled, intelligent alignment guides appear as blue lines while you drag elements, snapping to edges and centers of nearby elements and the canvas. The magnet icon in the footer turns accent-colored when active.

Click the View options button (grid icon) in the top-right of the header to access all toggles in one place:

Header View options dropdown open, showing three toggle items: Show Grid (checked), Snap to Grid (checked), Show Rulers (unchecked). Each item shows a filled or empty circle indicating current state.