# Flows

<figure><img src="https://2786867680-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLTwFwbOqJj4dDhg8Ju%2Fuploads%2F06RNYHG7BBRzw9m1YXhH%2FCanvas%20map.png?alt=media&#x26;token=e85339ba-1f50-4272-8c98-594c3b0d265e" 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="flows/canvas-functionalities" %}
[canvas-functionalities](https://docs.chatlayer.ai/navigation/bot-builder/flows/canvas-functionalities)
{% endcontent-ref %}

{% content-ref url="flows/collaborate-with-team-members" %}
[collaborate-with-team-members](https://docs.chatlayer.ai/navigation/bot-builder/flows/collaborate-with-team-members)
{% endcontent-ref %}

{% content-ref url="flows/manage-your-flows" %}
[manage-your-flows](https://docs.chatlayer.ai/navigation/bot-builder/flows/manage-your-flows)
{% endcontent-ref %}