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:
Vfor select modeHfor hand modeDeleteorBackspaceto 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.