Skip to content

Navigating the Canvas

MethodHow
Mouse wheel + Cmd/CtrlZoom in/out
Cmd/Ctrl + +Zoom in
Cmd/Ctrl + -Zoom out
Cmd/Ctrl + 0Reset zoom to 100%
Footer − / % / + buttonsZoom controls; click the percentage for a menu of zoom levels, Fit to screen, Reset and the view toggles
Footer Fit to Screen iconFit the entire canvas in the viewport

Zoom range: 10% – 400%.

MethodHow
Hand tool (H)Switch to the Hand tool, then click and drag anywhere on the canvas to pan
Middle mouse button dragPan without switching tools

Click the zoom percentage in the footer → 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 pink dashed smart-guide line appearing while an element is being dragged into alignment with another element.

Show grid — displays a dotted/line grid over the canvas as a visual alignment aid. Click the zoom percentage in the footer → Show grid.

Snap to grid — elements snap to grid lines when moved or resized. Toggle it with the footer Snap to grid button.

Smart guides (footer Smart guides button, magnet icon) — when enabled, alignment guides appear as pink dashed 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 zoom percentage in the footer to open one menu with the zoom levels (25%, 50%, 75%, 100%, 150%, 200%, 400%), Fit to screen, Reset, and the Show grid / Show rulers toggles (a check mark shows which are on). Snap to grid and smart guides stay as one-click buttons in the footer.