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 block. Each block -- 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.
- 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 |
| Add node | Open the node picker from the toolbar or right-click context menu |
Use Group Nodes and Notes Nodes to keep large workflows visually organized and well-documented.
Node Types
Flow Studio provides 10 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 |
| 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 |
| Group | Visual container for organizing and labeling related nodes | Group Node |
| Notes | Rich text annotations for documenting your workflow on the canvas | Notes Node |
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.