> For the complete documentation index, see [llms.txt](https://help.blings.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.blings.io/app/workflows-branching-logic/logic-map-flow-builder.md).

# Logic Map / Flow Builder

The flow builder provides a visual way to design and understand your branching logic. Think of it as a map that shows every possible path a viewer can take through your content.

## Understanding the Flow Builder

The flow builder displays your scenes as nodes connected by arrows. Each arrow represents a possible path, and the connections show how viewers move from one scene to the next.

## Adding Nodes and Connections

### Creating New Scenes

1. **Add a scene** — Click the "+" button to create a new scene
2. **Choose a layout** — Select from templates or start with a blank scene
3. **Add content** — Include text, images, and interactive elements

### Connecting Scenes

1. **Drag to connect** — Click and drag from one scene to another to create a connection
2. **Set conditions** — Click on the connection line to define when this path should be taken
3. **Add labels** — Name your connections (e.g., "Yes," "No," "Continue")

## Visual Flow Example

```
[Welcome Scene]
    │
    ├─ "New Customer" → [Onboarding Flow]
    │
    └─ "Returning Customer" → [Loyalty Offer]
```

## Flow Builder Tips

* **Use descriptive names** — Name your scenes clearly so the flow is easy to understand
* **Group related scenes** — Organize your flow logically from left to right
* **Test all paths** — Use the preview mode to walk through every possible journey
* **Keep it clean** — Avoid crossing connection lines when possible

## Advanced Features

* **Zoom and pan** — Navigate large flows easily
* **Collapse sections** — Hide complex branches to focus on specific areas
* **Export flow** — Share your flow diagram with teammates
* **Version history** — Track changes to your flow over time

***

**Need help with specific conditions?** Learn about [simple conditions](/app/workflows-branching-logic/simple-conditions.md) or [advanced logic](/app/workflows-branching-logic/advanced-conditions.md).