This article shows you how to move around the canvas, zoom in and out, reset your view, suspend snapping when you need precise free-form placement, and read your layer's dimensions at a glance.
Panning the canvas
There are two ways to pan without losing your current selection:
- Space + drag — hold the spacebar, then click and drag anywhere on the canvas. The cursor changes to a grab hand while the key is held. Releasing the spacebar returns you to the normal selection cursor.
- Alt + drag — hold Alt (Option on Mac) and drag. Useful when you want to pan with one hand while the other stays on the mouse.
Neither method changes your layer selection or deselects anything — you can pan mid-edit and pick up exactly where you left off.
Zooming in and out
Zoom in and out with the scroll wheel while holding Alt (or Option on Mac). The zoom anchors to your cursor position, so whatever you're looking at stays centered.
The current zoom level is shown as a percentage in the toolbar. Click it to Reset zoom to fit — the canvas scales and centers so the entire design fills the available pane. The editor also opens fit-to-viewport automatically when you first load a template.
Fit to viewport
If you've zoomed in to work on a detail and want to see the whole canvas again, click the zoom percentage in the toolbar. The tooltip reads Reset zoom to fit. The canvas rescales so every edge of the design is visible with a small margin. Fit-to-viewport runs only once on open; it does not jump or reset while you work.
Snapping and how to suspend it
As you drag or resize a layer, the editor snaps its edges and center to the edges and centers of other layers and the canvas boundary. A colored guideline appears on screen wherever a snap is active.
Snapping is on by default. To place a layer without snapping, hold Cmd (Mac) or Ctrl (Windows) while you drag or resize. The guidelines disappear and the layer moves freely. Release the key to re-enable snapping mid-drag.
The snap radius stays visually consistent at any zoom level — the editor adjusts the threshold as you zoom in, so snap doesn't feel loose at high magnification or overly aggressive when zoomed out.
Size readout while you move or resize
Whenever you drag or resize a layer, a small dark badge appears near the layer's top-right corner showing its current size or position in inches. When you're dragging, the badge shows the layer's X, Y position. When you're resizing, it shows width × height. The readout updates live and disappears when you release the mouse.
This size display is always in inches regardless of your template's unit setting — useful for print designers who think in physical dimensions.
Pixels and inches
The editor stores all measurements in pixels at 72 DPI equivalents (so 1 inch = 72 px). The size badge during drag and resize always shows inches. If you need to think in pixels, the layer's width and height fields in the properties panel show the raw pixel values.
Comments
0 comments
Article is closed for comments.