# Canvas

The canvas is the workspace where you place and make content. Learn about the toolbars around it and the clips bar below it.

## What is the canvas

The canvas is the main area for making content. It is the workspace where you place and create your content. The images you upload, the text you write, reference videos, and the results the Agent generates all stay right on the canvas.

You can move around the canvas, zoom in and out, and go from the Full Canvas into the canvas of each clip.

A canvas is made of nodes and connections. Nodes hold the content, and connections show how pieces of content are related.

## Canvas features

### Clip name in the top-left corner

Shows the name of this clip canvas. Click it to go back to the Full Canvas.

![The current clip canvas's name in the top-left corner of the canvas, with an arrow on its left that goes back to the Full Canvas](https://docs.moodio.art/media/cac24d31dd4cd796892450e0d5016519.png)

### Left toolbar

![The left toolbar: Add node, the Select/Hand tool, Zone, Assets, Discover and Script](https://docs.moodio.art/media/22e90a754b4f8a7d5ced3f3613a9758c.png)

- **Add node**

Click `➕` to create one of these nodes: **Image node**, **Video node**, **Audio node**, or **World node**.

![A new image node, video node, audio node and world node on the canvas](https://docs.moodio.art/media/cc9b96799f80db4baf5dbe47f30e66e4.png)

- Switch between **Select tool** and **Hand tool (pan)**

With either tool, you can click a node to select it, then move or adjust it.

> **Tip:** With the Select tool, holding the left mouse button and dragging draws a selection box instead of moving the canvas. Use it to select several nodes and adjust them together.
>
> With the Hand tool, holding the left mouse button and dragging moves the canvas, so you can move around and look through what is on it. This suits people who are used to dragging to move around an infinite canvas.

- **Zone**

Drag to draw a zone and organize the canvas. You can change a zone's color to tell different kinds of content apart.

![A zone around three images, with the zone color picker above it](https://docs.moodio.art/media/e72297356548d089b082e1a2dc21f331.png)

After you draw a zone, you can also click the v-shaped icon to the left of its name to collapse it. This keeps a busy canvas tidy.

![A collapsed zone; hovering the arrow to the left of its name shows Expand zone](https://docs.moodio.art/media/dd7c2100605072d8a51b256420c0c188.png)

- **Assets**

See the assets in the current project, along with **Libraries** and **My uploads**. You can look through your assets quickly and, at any time, drag files from **Libraries** and **My uploads** onto the current canvas to use them directly or as references.

[Clicking Assets in the left toolbar to open the Assets panel and view an asset card's details under This project](https://docs.moodio.art/media/8566a11674569da02389548155acf178.mp4)

- **Discover**

Open **Discover** to browse and collect creative references. You can drag content from **Discover** straight onto the canvas to use as a reference.

![The Discover panel opened from the left toolbar, with search results for “beach at night”](https://docs.moodio.art/media/b63fe79b918f7935c93bae67a6bce642.png)

- **Script**

Open the script in a pop-up window on the Create tab, so you can read the whole script at any time without going back to the script editor. You can keep the script in view while you make your video.

![The Script window open on the Create tab, with each script passage tagged with its clip](https://docs.moodio.art/media/bb5811dbb3f1993931dcf4115c8685f2.png)

### Bottom-left toolbar

![The bottom-left toolbar on an Asset Canvas: map, connections, Arrange, Marked only, Zoom to fit everything, Keyboard shortcuts and zoom](https://docs.moodio.art/media/cb9cedca6ad991ad4be433909625a6fb.png)

![The bottom-left toolbar on the Create tab's canvas, where the filter button is Approved only](https://docs.moodio.art/media/a116bea60f0a84cbca37712ce88a5f8e.png)

[Using each bottom-left button in turn: showing the map, hiding the connections, Arrange, Approved only, Zoom to fit everything, Keyboard shortcuts and dragging the zoom slider](https://docs.moodio.art/media/238143a15f6db0479471ba46e3080530.mp4)

- **Map**

Show or hide a small map of the whole canvas. It helps you find your place quickly on a large canvas.

- **Connections**

Show or hide the connections between nodes.

- **Arrange**

Tidy up the layout of the nodes on the canvas automatically.

- **Approved only**

Hide all other nodes and see only the approved ones.

- **Keyboard shortcuts**

See the keyboard shortcuts that the Asset Canvas supports. You can search for the action you need to find its shortcut quickly.

![The Keyboard shortcuts window: a search field at the top, then the shortcuts for canvas navigation and node selection](https://docs.moodio.art/media/9136af5fda3395f3067d0ed1046833d2.png)

![Shortcuts for editing nodes, such as Copy, Cut, Paste and Duplicate, and for selection areas](https://docs.moodio.art/media/6e3246ea97722d88d162a4e7f5ea0c4c.png)

![Shortcuts for selection areas, locking and connections, and for running nodes, undo and redo](https://docs.moodio.art/media/9716918073d13f1c59f4e87c6fce7e41.png)

- **Zoom**

Drag the zoom slider to zoom in or out on the canvas.

### Clips bar below the canvas

The **clips bar** at the bottom of the canvas shows the clips in the current project and lets you switch between them, so you can jump quickly from one clip to another.

![The clips bar at the bottom of the canvas, expanded to show a thumbnail of each clip](https://docs.moodio.art/media/b710af28bf880d0bfd55def74683f9b4.png)

- **Go back to the Full Canvas**: Click **Full Canvas** in the middle of the bar, or press **`Esc`**, to go back to the Full Canvas and see all the clips in the project.

  [Clicking Full Canvas in the middle of the bottom bar to leave a clip canvas and see every clip on the Full Canvas](https://docs.moodio.art/media/f28106a5b4ec1b1b07df24b969d22734.mp4)

- **Expand the clip list**: Click anywhere on the bar other than **Full Canvas** to expand it and see thumbnails of all the clips. A clip that has approved media shows a picture of that media. One without media shows its selected script passage, or is blank.

  [Clicking the clips bar at the bottom to expand thumbnails of every clip](https://docs.moodio.art/media/d9d9a60104ac8df527953c7e82170bfa.mp4)

- **Open a clip canvas**: **Click a clip** in the bar to open its canvas. This is a quick way to jump between the canvases of all your clips.

- **Create a clip**: Click the **`+`** at the far left to create a new clip.

- **Manage a clip**: Click the **`···`** in the top-left corner of a clip's thumbnail to do the following:

  - **Locate in script**: Jump to the part of the script that belongs to this clip.
  - **Edit script range**: Change which part of the script this clip covers.
  - **Rename clip**: Change the name of the clip.
  - **Delete clip**: Delete this clip. When you delete it, a message first asks whether to keep the content inside the clip.

  [Clicking the ··· in the top-left corner of a clip's thumbnail, then using Locate in script, Edit script range, Add reference and Rename clip in turn](https://docs.moodio.art/media/0b13e923a9ff5ffd910e820d9a639418.mp4)