Flow Studio Overview
Flow Studio is XainFlow's infinite canvas where you build visual AI workflows by connecting nodes. You design generation pipelines by dragging nodes onto the canvas, configuring their parameters, and linking them together to produce images, videos, and compositions -- all without writing a single line of code.
What is Flow Studio?
Flow Studio is a node-based visual editor that lets you define every step of your AI content pipeline as a discrete, configurable unit. Each unit -- called a node -- performs a specific operation: sourcing an asset, writing a prompt, generating an image, producing a video, and more. You connect nodes with edges to define the flow of data from one step to the next.
Key concepts:
- Nodes -- Individual processing steps that you drag onto the canvas.
- Edges -- Connections between nodes that define how data flows.
- Workflows -- The complete graph of nodes and edges that make up your pipeline.
- Blocks -- Reusable workflow packages that encapsulate an entire pipeline into a single node.
- Execution -- Running part or all of a workflow to produce outputs.
The Canvas
The canvas is an infinite, zoomable workspace. You can pan by clicking and dragging on empty space, zoom with the scroll wheel or trackpad pinch gesture, and arrange nodes freely to keep your workflows organized.
| Action | How |
|---|---|
| Pan | Click and drag on empty canvas |
| Zoom in / out | Scroll wheel or pinch gesture |
| Select node | Click on the node |
| Multi-select | Click and drag a selection box |
| Delete node | Select and press Backspace or Delete |
| Delete connection | Hover over an edge and click the trash icon that appears |
| Rename node | Double-click the node label to edit it inline |
| Add node | Click a node in the sidebar or drag it onto the canvas |
Sidebar
The sidebar displays your node palette in a compact icon-only layout. Four primary nodes are always visible: Prompt, Image, Video, and Audio. Click the + button to expand a popover with additional nodes (Asset, Composition, Notes, Video Combiner, Remove Background, Image Expand, Image Edit, Multi-Angle, 3D Model). You can click a node to add it at a default position, or drag it onto the canvas to place it precisely.
Guided Tours
Flow Studio includes 14 built-in guided tours that walk you through core workflows and features. Access them from the tour selector in the toolbar. Completed tours are tracked with checkmarks so you can pick up where you left off.
Flow Assistant
A floating AI assistant lives inside the editor to help you while building workflows — ask it how to wire nodes, what a parameter does, or which node fits your goal. See Flow Assistant for details.
Use Group Nodes and Notes Nodes to keep large workflows visually organized. Group and Notes nodes are skipped during workflow execution — they serve purely as organizational containers.
Node Types
Flow Studio provides 13 node types that cover the full AI content creation pipeline, from sourcing assets to final output.
| Node | Description | Link |
|---|---|---|
| Asset | Sources images and other assets from your library | Asset Node |
| Prompt Generator | Creates, enhances, and multiplies prompts for AI generation | Prompt Generator Node |
| Image Generator | Generates images from prompts and reference assets using AI models | Image Generator Node |
| Video Generator | Produces videos from images with motion control and multiple AI models | Video Generator Node |
| Audio Generator | Creates voice (TTS), music, and sound effects | Audio Generator Node |
| Video Combiner | Merges multiple video clips and audio tracks into a single output | Video Combiner Node |
| Image Expand | Extends image boundaries through AI-powered outpainting | Image Expand Node |
| Image Edit | Converts images between formats (PNG, JPEG, WebP) | Image Edit Node |
| Remove Background | Removes backgrounds from images with AI precision | Remove Background Node |
| Composition | Combines multiple assets and a prompt for multi-reference scene generation | Composition Node |
| Block | Encapsulates an entire workflow into a reusable, composable node | Blocks |
| Group | Visual container for organizing and labeling related nodes | Group Node |
| Notes | Rich text annotations for documenting your workflow on the canvas | Notes Node |
Blocks
Blocks let you package an entire workflow into a single reusable node. You design a pipeline of connected nodes, define its inputs and outputs, and save it as a Block. From then on, you can drop that Block onto any canvas and use it like a built-in node -- hiding the internal complexity behind a clean interface. See Blocks for details.
Real-Time Collaboration
You and your teammates can edit the same workflow at the same time. Presence avatars show who's connected, live cursors track every collaborator, and node locks prevent two people from clobbering each other. There's no manual save — structural changes persist within ~100 ms. See Real-Time Collaboration for the full behavior.
Sharing Your Workflows
Every workflow has a visibility level — Private, Shared, or Everyone — that controls who can open and edit it. Workspace members who can't open a workflow can still see it in the discovery list and click Request Access to ask the owner. See Sharing & Access.
Workflow Templates
Templates give you a head start by providing pre-built node graphs for common use cases. You can browse the template gallery when creating a new workflow, or save any of your own workflows as a reusable template. See Workflow Management for details on creating and organizing templates.