Skip to Content
Getting StartedA tour of the canvas

A tour of the canvas

The tabletop window with the header, the node list, the canvas, the canvas bar and the inspector
getting-started/canvas-tour

The parts of the window

PartWhat it does
HeaderSwitches between Workflows (all your workflows), Builder (the canvas), Library and Resources (links to the docs and to help). Shows your token balance and your avatar menu.
Workflow nameOpens the workflow menu: open, rename, share and make workflows.
Node listLists every node. Type in Search tools to find one.
CanvasHolds the nodes and the links of the workflow.
Run buttonsRun, Step and the token estimate. See Run nodes.
Canvas barThe Select and Pan tools, Clone, Group, Lock, the zoom buttons and the keyboard shortcuts.
InspectorShows the selected node in three tabs: Params, Run and Versions.
JobsThe tray that lists the node runs and their progress.

Add a node

  1. In the node list, type a name in Search tools, such as “image”.
  2. Drag the node onto the canvas. Or click it to add it.
The node list with Search tools and a node that is dragged onto the canvas
getting-started/canvas-tour-add-node
  1. Find an output on the right side of a node.
  2. Drag from the output to an input on the left side of another node.
A link dragged from an output to an input
getting-started/canvas-tour-link
  • A red * shows an input that must have a link before the node can run.
  • A dimmed input is an input that the current provider of the node does not use.
  • A dashed link converts the file to the format that the input takes.
  • You can link only ports of types that fit. See the link rules in Nodes.

Change a node

  1. Click the node. The inspector shows it.
  2. In Params, change the settings, such as the prompt, the size or the provider.
The inspector with the Params tab of a Generate Image node
getting-started/canvas-tour-inspector

tabletop saves each change at once. To undo your last change, press ⌘Z on Mac or Ctrl+Z on Windows or Linux.

Move around

Do thisHow
Move the viewScroll, or drag with the Pan tool, or hold Space and drag.
ZoomUse the zoom buttons, or ⌘ or Ctrl + scroll, or pinch on a trackpad.
See all the nodesPress Shift+1.
Select some nodesDrag a box with the Select tool, or Shift + click each node.

See all the shortcuts in Keyboard shortcuts.

Next step

Run nodes.

Last updated on
Your first workflowRun nodes