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:
This documentation covers all Canvas features and how they can help you build flows more effectively.
Navigation and structure
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.
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
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
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.
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.
Canvas operates in two modes: Design and Inspect. By default, it opens in Design Mode, where you create and edit on your flow. When you execute the flow, Inspect Mode is activated to help you trace the path of execution and see more information about each connector.
In Inspect 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.
