Skip to main content

​
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. 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.
visual-canvas-20251010-142142
For Inputs and Response, you can edit them directly inside the node by clicking the Add an Input or Add a Response buttons.
visual-canvas-20251010-142356
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.
visual-canvas-20251010-142619
Hovering over any node reveals additional actions such as disabling, cloning, and deleting that step.
visual-canvas-20251010-142714

​
What’s next?

Deployment

Learn how deploying your changes to production works

Building Logic - Core Components

Learn about the core components of building logic

Check out another way to build visually

Learn about the Function Stack, a visual first but more code-like building experience