Skip to main content

Your First Workflow

Flow Studio is the visual workflow builder at the heart of XainFlow. Instead of running one-off generations, you can chain multiple AI operations together into a reusable pipeline. In this guide, you will build a simple three-node workflow: Asset --> Prompt Generator --> Image Generator.

1. Open Flow Studio​

  1. From the Dashboard, click Flow Studio in the main navigation.
  2. Click New Workflow to create a blank canvas.
  3. Give your workflow a name (e.g., "My First Workflow") so you can find it later.

You are now in the Flow Studio editor -- a node-based canvas where you can drag, drop, and connect nodes to build your pipeline.

Keyboard Shortcuts

Flow Studio supports keyboard shortcuts to speed up your work:

ShortcutAction
Cmd + Z (Mac) / Ctrl + Z (Win)Undo last action
Cmd + S (Mac) / Ctrl + S (Win)Save workflow
Delete / BackspaceRemove selected node
Cmd + D (Mac) / Ctrl + D (Win)Duplicate selected node

These shortcuts work throughout the editor and can save you significant time as your workflows grow in complexity.

2. Add Your Nodes​

For this workflow, you need three nodes. Add them one at a time from the node panel:

Asset Node​

  1. Open the node panel on the left side of the canvas (or right-click the canvas and select Add Node).
  2. Find and drag the Asset node onto the canvas.
  3. Click the node to open its configuration panel.
  4. Select an asset from your library -- for example, a product or character you have previously uploaded.
info

If you do not have any assets yet, you can upload one directly from the Asset node configuration panel or from the Assets section of your Dashboard before starting this workflow.

Prompt Generator Node​

  1. Drag a Prompt Generator node onto the canvas, placing it to the right of the Asset node.
  2. Open its configuration panel.
  3. Set the generation parameters -- for example, choose the type of description you want (product description, scene description, etc.).
  4. The Prompt Generator will use the asset data from the previous node to create an optimized prompt for image generation.

Image Generator Node​

  1. Drag an Image Generator node onto the canvas, placing it to the right of the Prompt Generator node.
  2. Open its configuration panel.
  3. Configure the output settings such as image dimensions, style, and quality.

3. Connect the Nodes​

Nodes communicate through connections. Each node has output ports (on the right side) and input ports (on the left side):

  1. Hover over the output port on the right side of the Asset node -- it will highlight.
  2. Click and drag from that port to the input port on the left side of the Prompt Generator node.
  3. A connection line appears, confirming the link.
  4. Repeat the process: connect the output port of the Prompt Generator to the input port of the Image Generator.

Your canvas should now show a linear chain:

[Asset] ---> [Prompt Generator] ---> [Image Generator]
note

If a connection is not valid (incompatible data types between ports), Flow Studio will prevent the link and display a warning. Make sure each node's output type matches the next node's expected input.

4. Run the Workflow​

With all three nodes connected, you are ready to execute your first workflow:

  1. Click the Run button in the top-right corner of the editor (or press the play icon in the toolbar).
  2. Flow Studio validates the workflow -- if there are any configuration errors, they will be highlighted on the affected nodes.
  3. Once validation passes, the workflow executes from left to right. You can watch the progress indicator move through each node.
  4. When the workflow finishes, click the Image Generator node to preview the generated image in its output panel.
  5. From the output panel, you can download the image, save it to Assets, or re-run the workflow with different parameters.
tip

If the result is not quite what you expected, try adjusting the Prompt Generator settings or choosing a different asset. Workflows are reusable -- you can tweak and re-run as many times as you like.

What's Next?​

You have built and run your first Flow Studio workflow. Here are some directions to explore next: