# Flows

<figure><img src="/files/AEZi3worDvpthU3Pf4Oj" alt=""><figcaption></figcaption></figure>

1. **Flows sidebar**

Organize and manage your conversational flows seamlessly using 'Flows'&#x20;

2. **Navigation**

Stay informed about your current flow location with a clear visual indicator. Additionally, seamlessly switch between subflows and main for smooth navigation

3. **Toolbar**

The toolbar consists of variety of tools and functions:

* **Build mode:** During the editing process of your flow, you will have the 'building mode' enabled.
* **Comment mode:** By **e**nabling comment mode, you’d be able to leave comment on the canvas.
* **Search:** Search for specific block types by simply clicking the icon button and typing the name of your desired block or intent block

4. **Blocks and intents**&#x20;

Build your bot's conversation flow effortlessly by simply clicking and dragging the desired block or intent blocks onto the canvas.

5. **View options**

You have a number of options:

* **Zoom in:** zoom in to take a closer look
* **Zoom out:** zoom out to see the bigger picture
* **Auto-layout:** use the auto-layout functionality to work around your blocks appearing in piles

6. **Minimap**

Click and drag on the minimap to easily navigate the canvas without losing your place

7. **Test your bot**

To test how your bot will interact with end-customers, you can use this feature to test your bot.

8. **Auto-layout**

Use the auto-layout functionality to work around your blocks appearing in piles

## \[VIDEO] New canvas introduction

Prefer to watch a video? Check out our 3min video tutorial 👇

{% embed url="<https://vimeo.com/778093833>" %}

## Learn more

In the next articles, you will learn to:

{% content-ref url="/pages/OEPySqVDgqzuQmEWK9Kf" %}
[Canvas functionalities](/navigation/bot-builder/flows/canvas-functionalities.md)
{% endcontent-ref %}

{% content-ref url="/pages/yvL9OMOC4rgi27QWuZFF" %}
[Collaborate with team members](/navigation/bot-builder/flows/collaborate-with-team-members.md)
{% endcontent-ref %}

{% content-ref url="/pages/5MH58JdK5PFDBr60NwKU" %}
[Manage your flows](/navigation/bot-builder/flows/manage-your-flows.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.chatlayer.ai/navigation/bot-builder/flows.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.