Move around the canvas: zoom via presets or a custom value, hold Space to pan, and scroll/pinch to zoom. Your position is saved per page and breakpoint.
Where: Canvas + top-bar Zoom control — Scroll, Space-drag, or use the Zoom control
Key ideas
- Zoom: Presets 25–200% or a custom value (top-bar Zoom control).
- Pan: Hold Space and drag; scroll/pinch to zoom.
Steps
- Use the Zoom control for a preset or custom zoom.
- Hold Space and drag to pan.
- Scroll or pinch to zoom in/out.
Fit, focus, and context
- Fit all content when you lose the page in the viewport, then use a preset/custom zoom for detail work.
- Pan is available with Space-drag or the middle mouse button; it changes the viewport without selecting a different element.
- Viewport state is remembered per page/breakpoint or component context, so a switch may restore a different view than the current canvas.
Video and website framing differ
- Website Focus framing fits the page width and aligns the page top; video framing contains and centers the fixed scene.
- Rulers and guides track viewport zoom/scroll; rulers are hidden in Preview mode.
- Selection measurements are suppressed or virtualized while the viewport moves for performance.
Tips
- Use Fit before navigating a large page, then return to 100% for precise inspection.