Canvas mode vs. single generation
The single generation page adopts a linear process: input → run → output.
The canvas declares node dependencies through connections, and the upstream output is automatically passed to the downstream input.
Flows basics
Use nodes and connections to organize images, videos, text and audio, turning a creation into a complete process that can be inspected, partially re-run and continuously reused.
Create your first Flows
Flows is the node canvas of FlowWall AI. Each node is responsible for a step task, and the connection is responsible for transmitting text, pictures, video or audio. You can rerun a node individually, or save the complete process as a template for further reuse.
The following is a complete Flows tutorial, explaining canvas and data flow, file input, canvas operations, all nodes, body consistency and advanced workflow.
1.Canvas and data flow
The canvas is an expandable node workspace. Each node performs a task, and data is transferred between nodes through connections.
Typical data flow: Image generation → Image editing → Video generation. Each node retains inputs, parameters, and outputs, and results can be directly reused.
core object
Node: The smallest processing unit, responsible for only one task, such as Image generation, Image editing or Video generation.
Input: The input parameter of the node, which can be text, image, video or audio.
Output: The result returned after the node operation is completed.
Wiring: Define data flow direction and node dependencies.
2.File and asset input
Material input supports local files and FlowWall AI asset libraries. The following three entrances have the same results, choose any one.
Method A: Upload local files
01
Click at the bottom of the canvasUpload, select pictures, videos, or audio from your computer. You can also drag files directly into the canvas, or copy the material and press Ctrl + V Paste.
- DescriptionClick
UploadAfter that, select pictures, videos or audios from your computer.
Method B: Open the asset library from Files
- DescriptionClick on the upper right corner
Files, to open Assets.
- 01
Library: View all materials in the account - 02
Flow assets: View corresponding materials according to different canvases in Flows - 03
Session: View corresponding materials by conversation - 04Material type: filter by image, video or audio
- 05Material list: View existing materials; press and hold the material and drag it to the canvas to use it
Method C: Open the asset library from Add Media
- DescriptionClick
Add Media, then selectView Filesto open the asset library.
- DescriptionPress and hold the required image, video or audio in the asset library, drag it to a blank space on the canvas and release it. The system will automatically create the corresponding material node.
3.Basic canvas operations
Canvas operations are divided into view control, node sorting, batch selection and grouping. It is recommended to use shortcut keys directly for high-frequency operations.
Views and shortcut keys
The shortcut key mapping is as follows.
DATA TABLEShortcut key mapping
| Operation | Shortcut keys/operation methods |
|---|---|
| Move canvas | Space + drag; or middle mouse button drag |
| Zoom in or out | Ctrl + mouse wheel; or click the percentage in the upper right corner |
| Organize nodes | Drag the node; after selecting the box, click the grid, horizontal or vertical arrangement |
| Cancel | Ctrl + Z |
| Redo | Ctrl + Shift + Z |
| cut | Ctrl + X |
| Copy | Ctrl + C/Click on the node and press Ctrl+D |
| Paste | Ctrl + V |
| Delete node | Delete |
| Multiple selection nodes | Press and hold Shift Click again |
Create, connect and run nodes
Standard execution link: Create node → Inject input → Connect port → Verify parameters → Run.
Add node
01
Create nodes from the bottom toolbar or right-click menu.
02
You can also right-click the blank space of the canvas and select the node to be added.
03
Drag a wire from an output port to open a list of compatible nodes.
04
After selecting the target node, the system automatically creates the node and writes the connection.
Connect, verify and run
01
Connect the upstream output port to the downstream input port.
02
The port types must be consistent: Image → Image, Video → Video, Audio → Audio, Text → Text.
03
After confirming the input, model and parameters, clickRun。
Batch operations and grouping
Frame selection
Hold down the right mouse button and drag out the selection to select materials or nodes in batches.
Batch modify the models and parameters of selected nodes of the same type.
- 01Nodes of the same type: Select the nodes that need to be adjusted together.
- 02Change parameters in batches: modify one node, and other selected nodes will be updated simultaneously.
Connect the selected nodes of the same type to the next node in batches.
- 01Select nodes: select nodes of the same type that need to be connected in batches
- 02Drag out the connection: drag from the batch connection port to the input port of the same color of the target node
- 03Complete the connection: After releasing the mouse, all selected nodes will be connected to the target node at the same time
ChooseRun all, all selected nodes will run simultaneously.
UsePalace arrangementArrange horizontallyorvertical arrangementOrganize selected nodes.
- 01Arrangement tools: from left to right: grid, horizontal arrangement and vertical arrangement
- 02Copy: Copy the selected node
- 03Download: Download the content of the selected node
- 04Delete: Delete the selected node
Team up
Select the target node and clickGroup, create a node group.
Grouping is used to move, copy, delete and organize nodes uniformly without changing the data dependencies between nodes.
- 01Run all: run all nodes in the group at once
- 02Group color: Set the group background color
- 03More operations: organize, copy, download or delete nodes in the group
- 04Ungroup: Keep nodes and remove groups
Node groups of the same type support batch connections, such as connecting multiple pictures to Image editing nodes at the same time.
Use @ to reference material
Enter in prompt word @ And select the material to explicitly bind the current input reference.
Grid group
Purpose: Arrange the already produced pictures into a grid to make a layout, which can be used to select pictures, compare them, or put them together into a finished picture. Pictures entered into the grid will no longer participate in the process.
01
Select multiple picture nodes and click on the multi-selection toolbar Grid group. If these pictures are connected, a confirmation will appear first - the connection will be disconnected after being placed in the grid.
02
Set the number of frames and grids on the group toolbar; the adjust Used to fine-tune the size and position of each picture in the grid,Splicing Export the entire group with gaps as a 2K image.
- 01The frame and the number of grids: the frame determines the shape of the drawing paper, and the number of grids determines how many grids to cut into; when the direction of the frame is changed, the rows and columns will be straightened out.
- 02Serial number: Display the number in the lower left corner of each grid and bring it with you when splicing.
- 03Empty grid: Click to add a picture from Assets.
- 04Adjustment: After entering, you can zoom and move the position of each picture in the grid. Press Esc or click blank to exit.
- 05Stitching: Splice the entire group together with gaps into a 2K picture. The number is the number of pictures participating in the splicing.
03
By default, dragging the pictures in the grid is for typesetting: drag to other grids to swap positions, drag out the drawing paper and move it out, double-click to see the enlarged picture. The button in the upper right corner of each grid can also directly move the picture out of Grid group and put it back on the canvas.
4.Subject nodes and consistency
Purpose: Reuse the same subject identity to reduce appearance drift across pictures or Video generations.
01
Add a body node.
02
Create a new subject, or select an existing subject from the subject library.
- 01Search and filter: Find existing subjects by keyword, type, gender or age
- 02
Create Subject: Enter the new subject page
Create a body using a reference drawing
- 01Reference picture: Upload the subject reference picture
- 02Subject information: fill in type, name and default voice
- 03
Create Subject:Create and save the principal
- 01Main information: View or modify information and default sounds
- 02Reference image: Continue to generate or upload the main image
- DescriptionUpload reference material and enter description, click
generate。
- DescriptionSelect the picture you like and click
add to body。
Generate body based on description
- 01Main description: Enter appearance requirements and add reference materials
- 02Style/Genre: Select the subject style or genre
- 03
Generate: Generate body preview - 04Body information: Set name, type and default sound
01
Connect the body node to the image or video node where consistency is required.
- DescriptionOnce you select your subject, connect it to a picture or video node.
5.Advanced workflow
This chapter deals with incremental runs, template publishing, and template reuse. It is recommended to master node connection and operation first.
Rerun the node after modification
There is no need to rerun the entire node after modification. UseRun from hereorRun till hereLimit the calculation range.
- 01
Run from here(run from here): Rerun from the current node and continue running on all downstream nodes - 02
Run till here(Run to here): Run the upstream nodes required by the current node and stop when the current node completes
- Applicable scenariosThe current node has been modified and subsequent results need to be refreshed. The system starts execution from the current node and recalculates all downstream nodes in dependency order; the upstream results remain unchanged.
- Applicable scenariosThe current node and its dependencies need to be recalculated. The system executes the required upstream node before executing the current node; downstream nodes will not run.
Create template
Save the current node graph as a reusable template. Visibility range supports private and public.
01
After completing Flows, click on the upper right cornerCreate template。
- DescriptionClick
Create template。
02
Set the template name, inputs and outputs.
- 01Input node: select the materials you need to provide when using the template
- 02Input description: fill in the input name and usage instructions
- 03Confirm input: save current input settings
- 01Output results: Select the final content generated by the template
- 02Confirm output: save current output settings
- 03
Next: Enter template publishing settings
03
Chooseprivateorpublic, save the template after confirmation.
- DescriptionFill in the template name and description
- DescriptionChoose where the template is visible: public or private
- DescriptionClick
publishorsaveComplete template creation
template node
Purpose: Load a published or collected template node graph.
01
Add template node.
02
Select the template you want to use.
- DescriptionClick
Select template。
- 01Template classification: in
FavoritedandCreated by meswitch between - 02Template list: Click on the template you want to use
03
Make additional inputs as required by the template.
- 01Input port: Connect the subject or reference material to the template node
- 02
Run: Run the template after confirming the input
04
Connect the template output to subsequent nodes.