Canvas

Canvas Overview

The canvas is your infinite workspace. It's a node-based editor where you arrange, connect, and generate AI content.

The Workspace

When you open a project, you'll see a dark canvas with a dot grid background. This is your workspace. You can pan, zoom, and add nodes anywhere on this infinite surface.

The left sidebar provides access to panels: Nodes, History, Comments, Templates, and Help. The top toolbar shows your project name, zoom controls, and subscription status.

Node Types

There are five node types you can add to the canvas:

• Character Node - Define an AI character with a face reference and description
• Scene Node - Set the environment, lighting, camera angle, and mood
• Product Node - Add a product with reference image and description
• Image Node - Generate AI images from connected inputs
• Video Node - Convert generated images into short-form video

Building Flows

Connect nodes by dragging from an output handle (right side) to an input handle (left side). Data flows left-to-right. A typical UGC flow: Character → Image, or Character + Scene + Product → Image → Video. Use templates to set up common workflows instantly.

Using the Right Nodes

Each node type serves a specific purpose. Using the right node for the right job gives you better results and unlocks model features designed for that task:

• Character Node — Use this when you need a consistent identity across multiple images. Character-consistency models (Kontext Character, PuLID) use the face reference to preserve identity. A plain Image node won't do this.
• Scene Node — Use for environment settings (lighting, camera angle, mood). These fields generate structured prompt sections that produce more controllable output than typing everything manually.
• Product Node — Use when showcasing a specific product. The product image is injected as a separate reference so multi-image models can composite it naturally alongside your character.
• Image Node — The generation engine. It assembles inputs from all connected nodes and picks the best model automatically based on what's connected.

Transferring Images Between Nodes

You can reuse any generated or reference image as a reference in a different node type, no downloading and re-uploading required.

1. Click the three-dot menu (⋯) on any node that has an image.
2. Under "Use image as…", choose Character ref, Scene ref, or Product ref.
3. A new node appears to the right with the image already set as its reference, ready to connect.

Saving

Everything auto-saves in real time. Node positions, connections, generated images, and prompt text are all persisted. You can close the browser and return to exactly where you left off.