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

# Use the Flow Builder canvas

> Tour the Fliqr AI Flow Builder canvas — add blocks, connect paths, organize large graphs, and open the test simulator.

Flow Builder is the visual editor for Flows. You add blocks, connect their outputs, and publish when the graph is ready.

## Open the builder

1. Go to **Flows** in the left sidebar.
2. Click **Create New Flow**, or open an existing Flow.
3. Name the Flow by outcome and channel when useful (for example, `Booking — Telegram`).

## Canvas basics

\[SCREENSHOT: Flow Builder canvas with a Message block connected to Quick Replies]

| Action         | How                                                                  |
| -------------- | -------------------------------------------------------------------- |
| Add a block    | Use **Add Block** / the `+` control and pick a type                  |
| Connect blocks | Drag from an output handle to an input handle                        |
| Branch         | Use blocks with multiple outputs (Quick Replies, Condition, Buttons) |
| Move / zoom    | Drag the canvas; zoom controls sit in the toolbar                    |
| Organize       | Group related steps with labels or spacing so paths stay readable    |

Each block performs one action. Prefer a chain of small blocks over one overloaded step.

## Block categories

| Category     | Examples                                                          | Guide                                                                                                                                                         |
| ------------ | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Message      | Message, Quick Replies, Buttons / Cards                           | [Messages and media](/docs/core-concepts/flows/messages-and-media)                                                                                                 |
| Input & data | User Input, Set Custom Field, Tag / Untag                         | [Collect data](/docs/core-concepts/flows/collect-data)                                                                                                             |
| Logic        | Condition, Delay, Go to Flow                                      | [Conditions](/docs/core-concepts/flows/conditions), [Delays](/docs/core-concepts/flows/delays), [Go to Flow](/docs/core-concepts/flows/go-to-flow)                           |
| Integration  | AI Action, External Request, Get data from JSON, Send Email / SMS | [AI Actions](/docs/core-concepts/flows/ai-actions), [External requests](/docs/core-concepts/flows/external-requests), [Extract JSON](/docs/core-concepts/flows/extract-json) |

Full catalog: [Blocks reference](/docs/core-concepts/flows/blocks-reference).

## Toolbar actions

* **Test Flow** — step through paths in the simulator before go-live
* **Save** — store draft changes
* **Publish** — make the current graph live for triggers
* **More / submenu** — duplicate or copy the Flow to another workspace/page when available

Details: [Test and publish](/docs/core-concepts/flows/test-and-publish) and [Manage and duplicate](/docs/core-concepts/flows/manage-and-duplicate).

## Design tips on the canvas

<Tip>
  Build the happy path first. Add failure and “I don’t understand” branches second. Label long edges so teammates can audit the graph quickly.
</Tip>

<Note>
  Triggers that start a Flow usually live in [Automation Rules](/docs/core-concepts/automation-rules), menus, broadcasts, or the inbox — not always as a block on the canvas. Publish the Flow before you attach those triggers.
</Note>

## Next

<CardGroup cols={2}>
  <Card title="Messages and media" icon="message" href="/docs/core-concepts/flows/messages-and-media">
    Send text, media, and interactive replies.
  </Card>

  <Card title="Test and publish" icon="play" href="/docs/core-concepts/flows/test-and-publish">
    Verify paths, then ship safely.
  </Card>
</CardGroup>