Skip to main content
The Canvas Interface is the central space where you create, manage, and fine-tune your workflows. It provides a visual layout of connected nodes so you can see exactly how your tasks relate to each other—and modify, run, or monitor them at any point.

Building your first workflow

1

Open Workflows

Go to imagine.art/flow and create a new workflow, or open an existing one from your dashboard.
2

Add your first node

Click the + button (or Toolbox) in the left toolbar to open the node picker. You can also right-click anywhere on the canvas, or press Space, to open the search panel.Browse by category or search for a node by name, then click it to place it on the canvas.
3

Configure the node

Click the node to select it. The right sidebar displays the node’s settings and the available AI models for that node type. Set your model, parameters (resolution, aspect ratio, seed, etc.), and any required inputs.
4

Add and connect more nodes

Add additional nodes as needed for your pipeline. To connect two nodes, click and drag from an output handle (right side of a node) to a compatible input handle (left side of another node), then release to form the connection.Connections are type-safe: image handles connect only to image handles, text to text, and video to video.
5

Run the workflow

Click the Run button inside a node or in the right sidebar, or press Ctrl/Cmd + Enter to execute. The workflow processes each node in sequence. You can also select specific nodes and click Run Selected Nodes to execute only part of your pipeline.
6

Iterate and refine

Review the output, adjust prompts or settings, and re-run. Workflows are designed for iteration—tweak any node and re-run without rebuilding from scratch.

Canvas navigation

Panning
  • Click and drag on empty canvas space to pan.
  • Use the middle mouse button or a two-finger drag on a trackpad.
Zooming
  • Scroll the mouse wheel up/down, or use a pinch gesture on a trackpad.
  • Use the zoom controls in the bottom-right corner of the canvas.
Minimap The minimap in the bottom-right gives you an overview of your full canvas layout, useful for large workflows with many nodes.

Adding and managing nodes

ActionHow to do it
Add a nodeClick + in the left toolbar, right-click the canvas, or press Space
Search for a nodePress Cmd/Ctrl + K or use the Search button in the toolbar
Move a nodeClick and drag it to the desired position
Duplicate a nodeSelect it and press Ctrl/Cmd + D
Delete a nodeSelect it and press Delete or Backspace

Connecting and removing handles

To connect a handle: Drag from an output slot on the right side of a node to a compatible input slot on the left side of another node. Release to form the connection. To remove a handle: Hover over the connection handle—an × button appears. Click it to disconnect, or select the connection and press Delete or Backspace.
If a connection snaps back when you release, the two handles are incompatible types. Check that you’re connecting an image output to an image input, text to text, or video to video.

Left toolbar

The toolbar on the left side of the canvas gives you access to all major tools:
ButtonFunction
Core NodesEssential generation nodes: Generate Image, Generate Video, Prompt, and more
Utility NodesSupporting nodes: Upscale, Crop, Resize, Extract Frame, Import, Export, etc.
SearchFind any node instantly (Cmd/Ctrl + K)
AssetsAccess all previous generations from your account
Move/PanSwitch to the pan tool for navigating the canvas
SectionsAdd organizational sections to group related nodes together
CollaborationAdd shapes and sticky notes, and share the project link with your team

When you select a node (or multiple nodes), the right sidebar shows settings specific to that selection:
  • Node properties and model settings — Configure parameters for the selected node.
  • Model selection — Choose from available AI models. Settings like aspect ratio, resolution, and other parameters update dynamically based on the model you select.
  • Number of runs — Specify how many times the selected node(s) should execute per run.
  • Run selected nodes — Execute only the selected nodes with their current settings.

Organizing your workspace

Use Sections (from the left toolbar) to group related nodes into labeled containers. This keeps large workflows readable and makes it easy to identify different stages of a pipeline—for example, separating a “Generation” section from a “Post-processing” section. You can also use the Collaboration tools (shapes and sticky notes) to annotate your canvas with explanations or design decisions, which is useful when sharing workflows with teammates.

Keyboard shortcuts

ShortcutAction
Ctrl/Cmd + EnterRun the entire workflow
Space or right-clickOpen node picker on canvas
Cmd/Ctrl + KSearch for a node
Ctrl/Cmd + DDuplicate selected node
Delete / BackspaceDelete selected node or connection
PAdd a Prompt node
TAdd an AI Copilot node