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

# Working on the canvas

> Add and connect nodes, run a graph, save your work, switch workspaces, and collaborate live with your team.

The canvas is a node-based workspace. You add nodes, connect outputs to inputs, and run the graph. Connections are typed, so the canvas only lets you make links that make sense.

## Add nodes

* **Right-click the canvas** to open **Canvas Actions**, then choose **Add Node**. Browse by section or type in **Search nodes…**.
* **Drag from an output handle onto empty canvas** to pick a node that accepts that output.
* **Drop files** from your computer onto the canvas to bring them in as references.
* Use the **side buttons** to browse your media library, import media from Instagram, search Unsplash photos, or browse styles.
* Ask the **Composer** to build a graph for you.

**Canvas Actions** also has **Load Workflow**, **Import from Instagram**, **Save** and **Save selection**, **Enforce brand book on selection**, view controls, and **Clear Canvas**.

## Connect nodes

Drag from one node's output handle to another node's input. Handles are typed — text, image, video, audio, document, or media — and only compatible handles connect. See [Nodes](https://docs.trycontinuum.ai/canvas/nodes/overview.md) for what each node takes and makes.

## Run a graph

| Control | What it does |
| - | - |
| **Run Flow** | Runs the graph, skipping nodes that haven't changed. |
| **Rerun all** | Regenerates every node from scratch. |
| **Abort** | Stops a run in progress. A progress bar shows how far it got. |
| **Run Node** | On a single node, runs just that node. |

Each node shows **Running**, **Done**, or **Error**. Outputs are saved to your [Library](https://docs.trycontinuum.ai/canvas/library.md).

## Save your work

The canvas autosaves a second after you stop making changes. The sync status shows where your work stands:

| Status | Meaning |
| - | - |
| `Saved` | Your work is saved. |
| `Saving...` | A save is in progress. |
| `Saved locally (offline)` | You're offline; changes sync when you reconnect. |
| `Connecting...` / `Live Disconnected` | The live connection is being restored. |
| `Sync Error` | A save failed. Keep the tab open and check your connection. |

To keep a graph you can reload, [save it as a workflow](https://docs.trycontinuum.ai/canvas/workflows.md).

## Workspaces

A workspace is a canvas tab for the brand. Create one with **New Workspace**, rename it with the pencil icon, or delete it. A workspace opened from the Planner carries a **Planner** badge, with **Back to Planner** and **Apply Back to Planner** to return your work to the draft.

## Collaborate

The canvas is multiplayer. Teammates in the same workspace appear in the avatar stack, and you see their named cursors live. A team chat keeps the conversation next to the work.

## The Composer

The Composer is the canvas agent. Describe a workflow and it builds the graph.

* Type `@` to bring in creative skills, Elements, or Library media.
* Type `/` for shortcuts, such as `/brand`, `/brand:colors`, `/brand:logo`, or `/nobrand`.
* Switch between **Thinking** and **Fast**.
* Attach up to three saved workflows as a starting point.

## Shortcuts

| Action | Shortcut |
| - | - |
| Pan | `H` |
| Select | `V` |
| Copy, paste, cut | `⌘C`, `⌘V`, `⌘X` |
| Delete | `Delete` or `Backspace` |
| Undo | `⌘Z` |
| Redo | `⌘⇧Z` or `⌘Y` |

## Try it

In the **Composer**, type a request such as `Make three lifestyle shots of @ColdBrewCan on a beach at golden hour /brand`. The `@` mention pulls in your Element, and `/brand` grounds the result in your brand.

Or ask Claude or ChatGPT:

* "Create a new canvas workspace called 'Holiday gifting'."
* "On my open canvas, connect the product photo to the image generator and run it."
* "Save this canvas as a workflow called 'Product on white'."

## What's next

* [Nodes](https://docs.trycontinuum.ai/canvas/nodes/overview.md): Every node, and how runs work.
* [Workflows](https://docs.trycontinuum.ai/canvas/workflows.md): Save, load, and reuse graphs.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.