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.

Click and drag anywhere to pan around the canvas


Scroll with your mouse wheel to zoom in and out


Use the mini navigation window to quickly move around or jump to different sections

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.

Reposition nodes by clicking and dragging them


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.

Use Auto Layout to reorganize your workflow

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.

Use Enhance Descriptions to create plain-language explanations of each function in your workflow

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

Editing a function node by clicking on it and accessing the function panel

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

Adding to inputs or responses

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

Adding new functions

Hovering over any node reveals additional actions such as disabling, cloning, and deleting that step.
visual-canvas-20251010-142714

Node controls

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
I