Skip to main content

Visual View

The Visual view shows your Blueprint as an interactive diagram — a flowchart of connected elements that represent your business logic. This is where you build, edit, and debug your Blueprint. The Visual view showing a Delivery Fee Calculation blueprint with decision nodes, assignments, and call nodes

Reading the diagram

Execution flows top to bottom. Each element in the diagram is color-coded by type:
ColorElement typePurpose
Green (play icon)Start nodeThe entry point where execution begins
YellowDecisionConditional branching — evaluates a condition and routes the flow (IF/ELSE)
PurpleAssignmentPerforms a calculation or sets a variable value
Green (check icon)ReturnEnds execution successfully and returns output values
RedErrorEnds execution with an error condition
BlueCallCalls another Blueprint as a sub-routine

Start node

The green Start node with a play button The green play button is the entry point of your Blueprint. Click it to run the Blueprint with test inputs.

Sections

A section header showing the title "Validate Cart Value" and its description The diagram organizes related elements into sections — labeled groups with a title and description. Sections have a gray header bar that explains what that part of the logic does. For example, “Validate Cart Value” or “Free Delivery Threshold”. Sections can be collapsed or expanded by clicking the collapse button on their header.

Decision nodes

A decision node showing "Free shipping qualification" with the condition cartValue >= 50 Decision nodes (yellow) create conditional branches in your flow. They evaluate a condition and route execution down different paths (IF/ELSE). Each decision shows the condition being evaluated.

Call nodes

A call node showing "Cart validation check" with a link to the Validate Cart Value sub-blueprint Call nodes (blue) execute another Blueprint as part of your flow. They show:
  • The name of the called Blueprint (as a clickable link)
  • The number of inputs being passed
  • The output variable where the result is stored
Click the Blueprint name to preview it, or Shift+click to navigate directly to it.

Assignment and Return nodes

An assignment node showing "Free delivery benefit" with deliveryFee = 0, and a return node "Complete calculation" Assignment nodes (purple) perform calculations and store results in variables. Return nodes (green check) end execution successfully and return the output values.

Building a Blueprint

Adding elements

When you create a Blueprint from scratch or need to extend an existing one, you add elements using the element palette — a row of icons that appears at available connection points in the diagram. Click an icon to place that element type, then configure it by double-clicking. For a detailed guide on each element type and how to configure them, see Controlling the Flow.

Editing elements

Double-click any element on the diagram to edit its configuration inline:
  • Decision nodes — edit the condition expression and branch labels
  • Assignment nodes — edit the calculation or variable assignment
  • Call nodes — select which Blueprint to call and configure input/output mapping

Canvas controls

Canvas controls showing undo, redo, settings, minimap, zoom in, and zoom out buttons The bottom-right corner of the canvas has controls for navigation:
  • Undo / Redo — step through your edit history
  • Settings — canvas display options
  • Minimap — toggle a small overview map for navigating large Blueprints
  • Zoom in / out — adjust the zoom level

Running from the Visual view

You can run your Blueprint directly from the diagram by clicking the green play button on the Start node. This opens the Run panel where you enter input values and see results. After a run, the execution path is highlighted on the diagram, showing which branches were taken. For detailed instructions, see Test your Blueprint.

What to do next