Infinite Canvas

Canvas Basics

A few gestures are all you need to move around.

Double-click empty space

Opens the node menu to pick a node type.

Bottom toolbar

Click to create nodes directly: Image Upload, Video Upload, Audio Upload, Doodle, Prompt, Storyboard, Image Gen, Video Gen.

Space to pan

Hold Space and drag to pan the canvas; the default cursor is select/box-select.

Scroll to zoom

Scroll the mouse wheel to zoom in/out.

Box select

Hold the left button and drag a selection box to move many nodes at once.

Delete a node

Click the trash icon at a node's top-right, or press Delete with nodes selected.

Bottom-right tools

Undo / Redo / Import / Export (JSON file for backup or sharing) / Theme toggle / Clear (with confirmation).

Drag files in

Drag local images or videos onto the canvas to batch-create upload nodes in a grid.

Node Types

Each node handles one step — knowing them lets you combine freely.

Image / Video / Audio Upload

Turns local files into material nodes that feed downstream nodes.

Text node

Double-click to edit; type a prompt or idea. The usual starting point of a workflow.

Prompt node

Turns upstream material (e.g. script-node scenes) into a full prompt for image/video nodes.

Image Gen node

Generates images from text and/or image inputs.

Video Gen node

Generates video from text or from an image used as the first frame.

Storyboard node

Takes a scene description and produces an N-grid of coherent storyboard frames.

Script node

Expands a story outline into structured storyboard scenes that feed storyboard/image nodes.

Doodle node

A hand-drawn sketch that steers composition for image generation.

Connections & @ Mentions

A connection means "the upstream output feeds the downstream input"; @ mentions are the lightweight, line-free version.

1. 1Each node has ports on both sides: drag from the right (output) to the target's left (input) to connect.
2. 2Dragging near a port snaps to it; release to finish the connection.
3. 3Mismatched types can't connect (e.g. audio output to image input) — that's a protection rule.
4. 4Or skip lines: type @ in the composer to open a thumbnail list of referencable nodes, and tap one to include it in this generation.

Follow Composer

Select any node and a composer appears below it — the main cockpit of the canvas.

Prompt input

Describe what to generate; sending writes it into the node and starts generation.

@ mention

Type @ to open the reference panel (with thumbnails), filtered by what the current node accepts.

Parameter strip

Shows model, size, ratio, quality, count, resolution, duration depending on node type; editable before generating.

AI refinement

For text input, AI can expand a short description into a full prompt.

Grid Storyboard & Script Node

The storyboard node is the fastest way to a consistent idea board: one click, a set of coherent frames.

1. 1Add a "Storyboard" node and describe the scene in the follow composer.
2. 2Send to generate an N-grid of coherent frames (consistent character and style).
3. 3Hover the result to reveal the grid; click any cell to crop it into an independent image node for further refinement.
4. 4Script node: enter a story outline, get structured storyboard scenes, then connect them to a storyboard node or @-mention them.

Recommended Workflow

A typical path from idea to video.

1. 1Write your idea in a text node (or double-click empty space to add one).
2. 2Attach a script node to expand the idea into structured scenes.
3. 3Attach a storyboard node to get an N-grid and pick the best cells.
4. 4Feed a cell into an image-gen node to polish it into a hi-res image.
5. 5Feed that into a video-gen node to bring it to life.
6. 6Results are saved automatically — review and download them in Works History.

FAQ