Skip to content
DragGo Docs

The canvas

DragGo’s canvas is DOM-based and infinite — it pans and zooms with a single translate + scale, so what you see maps directly to the HTML that ships.

Section titled “Navigating”
  • Pan — hold Space and drag, or use the hand tool.
  • Zoom — scroll, or the zoom controls in the bottom view-bar. Shift + 1 zooms to fit; Shift + 0 resets to 100%.
  • Fit happens once on load, then your view stays put until you zoom again.

Selecting

Section titled “Selecting”
  • Single-click selects an element.
  • Double-click drills into it (e.g. into a frame, or into a component instance to edit its active variant).
  • Esc selects the parent.
  • Drag on empty canvas for a marquee (rubber-band) multi-select.

Artboards & breakpoints

Section titled “Artboards & breakpoints”

Each breakpoint is its own artboard, laid out side-by-side (Desktop · Tablet · Phone). Add one from the + on an artboard’s label — see Breakpoints.