> ## Documentation Index
> Fetch the complete documentation index at: https://docs.benchcanvas.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvas overview

> The infinite board where your screens, flows, and annotations live.

The canvas is where you explore and shape your UX map. It is an infinite, Figma-style board: pan, zoom, and arrange everything freely. Each project has exactly one canvas.

## Getting around

* **Pan** by dragging with the hand tool or holding space and dragging.
* **Zoom** with your trackpad or mouse wheel, or the zoom controls.
* **Select** screens by clicking, or drag a box to select several at once.

## What lives on the canvas

<CardGroup cols={2}>
  <Card title="Screens" icon="image" href="/canvas/screens">
    Nodes representing individual pages or states, each with a screenshot.
  </Card>

  <Card title="Connections" icon="arrow-right-arrow-left" href="/canvas/connections">
    Directional links that show how screens navigate to one another.
  </Card>

  <Card title="Flows and frames" icon="object-group" href="/canvas/flows-and-frames">
    Labeled frames that group screens into journeys you can compare.
  </Card>

  <Card title="Comments and notes" icon="comment" href="/collaborate/comments">
    Annotations pinned to screens, plus free-floating sticky notes.
  </Card>
</CardGroup>

## Working with the canvas

* Use the [toolbar](/canvas/tools) to switch tools: hand, select, comment, sticky note, new flow, and add screenshot.
* Apply [automatic layout](/canvas/layout) to tidy a flow, or arrange screens by hand.
* Open any screen's [properties panel](/canvas/properties-panel) to edit details, manage screenshots, comment, and run AI reports.
* Reorganize from the chat using [slash commands](/ai/slash-commands).

<Tip>
  Screens are unlocked by default, so you can move them around without unlocking the canvas first. Use the lock option in the toolbar if you want to freeze the layout while you present.
</Tip>

## Saving and collaboration

Your canvas saves automatically. If you work with [collaborators](/collaborate/project-collaboration), BenchCanvas warns you with a banner when someone else has changed the canvas so you can refresh and stay in sync.