Canvas Overview

Learn the Flow Studio interface, including the top bar, action dock, toolbar, and project canvas.

Canvas Overview

Flow Studio is the main workspace. It combines project management, node editing, generation, templates, actors, and the Lookie assistant in one screen.

Main areas of the canvas

Top bar

The top bar is used for project-level actions:

  • rename the current project
  • switch projects
  • create a new project
  • check or buy credits
  • open Lookie
  • toggle theme
  • save the current canvas as a template (admin-only where enabled)
  • open the profile menu

Left action dock

The left dock gives quick access to:

  • generations gallery
  • templates
  • actors
  • select mode
  • hand mode
  • zoom in / zoom out
  • delete selected nodes

Bottom toolbar

The bottom toolbar is where you add new nodes.

Primary nodes are available directly, including:

  • image generation
  • video generation
  • audio
  • music generation
  • text input
  • upload
  • composer
  • video editor
  • output

The Advanced dropdown gives access to transform and overlay tools.

Main canvas area

This is the working area where you:

  • place nodes
  • connect handles
  • select and move steps
  • run and inspect outputs

Right panel: Lookie

Lookie is the built-in assistant. It opens from the top bar and helps you understand or build flows directly inside the canvas.

Keyboard shortcuts

The most important built-in shortcuts are:

  • V for select mode
  • H for hand mode
  • Delete or Backspace to remove selected nodes

Interaction modes

Select mode

Use select mode to:

  • click nodes
  • drag-select multiple nodes
  • edit flow structure

Hand mode

Use hand mode when you want to:

  • pan the canvas quickly
  • move around large flows

How outputs appear

When a node finishes:

  • the output is attached to that node
  • downstream nodes can consume that output if connected
  • gallery and actor/template flows can also create upload-ready nodes from chosen assets

Best practices

  • Start simple and build one working path first.
  • Use templates when you need a faster starting point.
  • Add transforms only after your base generation path works.
  • Keep flows readable by spacing nodes logically from left to right.