Canvas

Learn more about Canvas, the Digibee Integration Platform building environment that lets you quickly create pipelines and capsules.

Canvas is the environment where you create pipelines and capsules on the Digibee Integration Platform. It provides an intuitive and flexible way to visualize and create complex integration flows.

To learn more about building flows in pipelines and capsules, refer to the following documentation:

• How to create a pipeline

• How to create a capsule

This documentation covers all Canvas features and how they can help you build flows more effectively.

Navigation and structure

Navigation and structure features.

Smart Connector User Experience

The Smart Connector User Experience allows you to add new connections directly into the flow without needing to drag and drop them from the palette of connectors and capsules. It also offers a unified search for elements in Canvas.

To add a new connection, click on the + button at the end or in the middle of the flow and select the next step from the available options.

Learn more about the Smart Connector User Experience.

Highlight on available connectors

When pulling the connector line from the + button, the available connectors that can receive the connection are highlighted. This feature makes it easier to identify where to connect the next step of your flow.

Flow tree

The Flow tree offers a complete view of your flow in a tree structure, displaying all connectors, including those in subflows. This view includes both connected and unconnected connectors, providing a full overview of the flow.

Search field

The search field enables you to search for connectors, accounts, globals, and any other fields in the connector configuration form. Once the search result is found, you can focus on the item or open its settings for further adjustments.

View control

View control features.

Auto pan

When dragging a connector, the Canvas automatically follows the cursor, making it easier to navigate through large pipelines and capsules. This allows you to drag connectors across the Canvas without losing visibility of the flow.

Rearrange

The Rearrange button lets you rearrange the connectors, making the flow easier to read. Unconnected connectors are arranged vertically on the left, while connected ones are aligned horizontally for better visualization.

Additionally, you can use the Ctrl (Cmd) + O shortcut to quickly rearrange the flow.

Minimap

The minimap, located in the bottom-right corner, helps you navigate large flows quickly. Sub-level connectors like Choice and Parallel Execution are displayed in distinct colors on the minimap for easier identification. The minimap is closed by default, giving you the option to enable it as needed.

To open the minimap, you can also use the Ctrl (Cmd) + Shift + M shortcut.

Zoom in and out

You can use the zoom control to focus on specific areas of the flow or zoom out to get a broader view of the entire flow.

Validation, testing, and debugging

Validation, testing, and debugging features.

Linter: Canvas building validation

Canvas includes a linter that displays real-time alerts during pipeline and capsule creation. These alerts help developers identify and fix issues quickly. There are two types of alerts:

• Error alerts indicate critical issues that must be resolved before saving the project.

• Warning alerts highlight improvement opportunities that do not block project completion.

Learn more in the documentation about Linter.

Execution panel

The Execution panel allows you to run the pipeline or capsule in a test environment, validating the integration logic. It uses test values registered in the Globals, Accounts, Relationship, and Multi-Instance services.

You can also use the Ctrl (Cmd) + D shortcut to open the Execution Panel, and Ctrl (Cmd) + Enter to execute the flow.

Refer to the Execution panel documentation to learn more.

Design and Debug mode

Canvas operates in two modes: Design and Debug. By default, it opens in Design mode, where you create and edit on your flow. When you execute the flow, Debug mode is activated to help you trace the path of execution and see more information about each connector.

In Debug mode, the execution path is highlighted in green, while unexecuted parts of the flow are represented by dashed lines and grayed-out connectors. Red connectors indicate execution failures.

For more detailed information, refer to the Design and Debug mode documentation.