> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qxlabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Build with AI

The flow builder's **Chat** mode turns a plain-language description into a working flow: describe what you want, and the AI builder drafts and wires up the nodes for you.

## Build a flow

Open a new flow. It starts in **Chat** mode. Type your request in the message box, being specific about your data source, what should happen to it, any apps involved, and what you want out:

> Whenever I get an email from a new lead, research the company on the web and post a short summary to our #leads Slack channel.

You'll see progress cards for each step as the builder works, and a preview of the flow updates on the canvas as nodes are added.

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/build-progress-light.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=f49cf231da139780878ca72fdc33bbcf" alt="The flow builder's Chat mode showing progress cards and a live preview of the flow being built" width="1906" height="941" data-path="images/flows/build-with-ai/build-progress-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/build-progress-dark.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=dd032b68d7bc7d15b4c7b853004fe132" alt="The flow builder's Chat mode showing progress cards and a live preview of the flow being built" width="1906" height="941" data-path="images/flows/build-with-ai/build-progress-dark.png" />
</Frame>

If a step needs logic no built-in node covers, the builder writes a [custom code](/flows/nodes/custom-code) node for it automatically. Click that node in the preview to see what it wrote. You can edit the code yourself by switching to **Nodes** mode.

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/custom-code-review-light.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=5530fb4fde1078613bec2b1c05054d2e" alt="The code review panel for a custom code node the builder wrote" width="524" data-path="images/flows/build-with-ai/custom-code-review-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/custom-code-review-dark.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=c674da6ffe3f9fd1786a67f258c2e0cc" alt="The code review panel for a custom code node the builder wrote" width="524" data-path="images/flows/build-with-ai/custom-code-review-dark.png" />
</Frame>

## Answer its questions

* A **clarifying question** card: click an option, or type your own answer.
* A **selection request** card: pick an existing credential, flow, or vault, or connect a new one.

<Columns cols={2}>
  <Frame caption="A clarifying question">
    <img className="block dark:hidden" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/clarifying-question-light.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=75e8bfa58d1d0c6936a25edeb1d48b4f" alt="A clarifying question card in the chat, with answer options" width="360" height="547" data-path="images/flows/build-with-ai/clarifying-question-light.png" />

    <img className="hidden dark:block" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/clarifying-question-dark.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=064c8d895241d214ebc03e93b0c5a30d" alt="A clarifying question card in the chat, with answer options" width="360" height="547" data-path="images/flows/build-with-ai/clarifying-question-dark.png" />
  </Frame>

  <Frame caption="A selection request">
    <img className="block dark:hidden" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/selection-request-light.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=bbb263d4d92f0518bee39f7a350ea6b7" alt="A selection request card asking the user to pick a credential" width="355" height="345" data-path="images/flows/build-with-ai/selection-request-light.png" />

    <img className="hidden dark:block" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/build-with-ai/selection-request-dark.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=40fb031c231e5c8521e8d948f44612cc" alt="A selection request card asking the user to pick a credential" width="355" height="345" data-path="images/flows/build-with-ai/selection-request-dark.png" />
  </Frame>
</Columns>

You can switch between **Chat** and **Nodes** mode any time to customize the flow yourself, then switch back and keep chatting, the builder picks up whatever you changed. Past conversations for this flow are saved: open the history icon at the top of the panel to revisit one or start fresh.

## Save, run, and schedule

Once you're happy with the flow:

* Click **Save** (or **⌘S**) to save it. You'll be asked to name it if it doesn't have one yet.
* Click **Run** to run it right away.
* Click **Schedule Flow** in the toolbar to have it run automatically on a recurring schedule.

To track progress, outputs, and past runs, see [Running and testing](/flows/running-and-testing) and [Run history](/flows/run-history).

<Note>
  AI flow building consumes [credits](/getting-started/plans-and-credits) (shown as "Vibe agent" on the **Usage** page).
</Note>