---
title: "How do I build and run AI workflows on the Wireflow canvas?"
description: "Build AI workflows on the Wireflow canvas by adding model nodes, connecting them and clicking Run, then run the saved workflow from code or your AI agent."
updated: 2026-10-20
---

You build an AI workflow on the Wireflow canvas by adding model nodes and connecting them, then you run it with the **Run** button. Each connection passes one node's output into the next node, upstream nodes run first, and each node shows its result when it finishes.

Workflows save as you edit. Each AI model node that runs uses credits, while text input and utility nodes are free. To pick a model and check its inputs and credit cost, see [Using AI Models](/docs/using-ai-models).

A saved workflow also runs without the canvas. Send it new inputs from your own code with [Run Workflows](/docs/api/run), or [connect your AI agent](/docs/use-wireflow-from-your-agent) and let it run the workflow over MCP.

## Which guides should I read first?

Read these four in order if the canvas is new to you:

1. [Creating Workflows](/docs/creating-workflows): open a blank canvas, add nodes from the node picker, connect them and run.
2. [How do I add an LLM step to a workflow to write prompts or captions?](/docs/workflows/text-and-llm-nodes): let a text step write or rewrite the prompt before an image or video node uses it.
3. [How do I run one workflow over a list of prompts or images with an iterator?](/docs/workflows/run-over-a-list): repeat the same steps for every prompt or image in a list.
4. [Workflows, Blueprints, Folders and Playbooks](/docs/workflows-blueprints-playbooks): when to keep work as a workflow, freeze it as a blueprint, or file it in a project folder.

## What else is in the workflows section?

The rest of the section covers team rules, starting points and layouts:

- [Team Playbook and Project Folders](/docs/project-context): a playbook holds your team's rules, a project folder holds one client's docs and workflows, and agents read both.
- [Copy a community template](/docs/templates): start from a community workflow, then edit your own copy.
- [Make many images from one layout](/docs/batch-image-generation): one Compositor layout plus rows of data gives you many on-brand images.
- [Compositor (compv3) headless contract](/docs/compositor): the Compositor node's config, layers and rendered PNG output, for driving it over the API.

To follow a complete build from start to finish, see [What can I build end to end with Wireflow, step by step?](/docs/recipes). To put a finished workflow in front of other people, see [How do I share a workflow as an app, an API endpoint or a social post?](/docs/publish).

Last updated: 2026-10-20

---

Documentation index: fetch https://www.wireflow.ai/llms.txt for the full list of Wireflow docs.