> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xano.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Building Visually with the Canvas View
> Build a workflow without code using the Canvas View
## What is the Canvas View?
The Canvas View is designed to show you your workflow at a high level, in more of a story-based view. It's fully featured for any editing or iteration, but also easier to understand for non-technical members of your team.
## What does the Canvas View look like?
The Canvas displays your entire workflow as a series of nodes, each representing a step in your logic. Some nodes represent major sections, like Inputs or Response, while others represent specific functions, such as fetching a database record or manipulating data. This view makes it easy to understand and modify your logic visually.
## Navigating the Canvas
Canvas View navigation is fully mouse driven and was designed to feel intuitive and natural.
You can reposition nodes by clicking and dragging them. The connecting lines between nodes will automatically adjust, so you never lose sight of your overall flow.
If your layout gets messy, click Auto Layout in the bottom-right corner to reorganize everything into a clean, standard structure. That same panel also includes zoom controls, letting you quickly fit the entire workflow into view.
For additional clarity, you can use the AI description generation feature to automatically create plain-language explanations of each function in your workflow. This is especially useful when sharing complex logic with non-technical team members.
## Building with the Canvas View
To edit an existing node, simply click on it.
For function nodes, a side panel will appear where you can configure its options.
For Inputs and Response, you can edit them directly inside the node by clicking the Add an Input or Add a Response buttons.
To add new steps, hover over a node and click the icon to insert a new function after it. You can also hover over the connecting lines to insert a function at that point in the flow.
Hovering over any node reveals additional actions such as disabling, cloning, and deleting that step.
## What's next?
Learn how deploying your changes to production works
Learn about the core components of building logic
Learn about the Function Stack, a visual first but more code-like building experience