Step 3: Designing the Workflow on the Visual Canvas

The UnO Agentic AI Builder offers an intuitive grid-based visual canvas that enables users to design intelligent workflows through configuration rather than code. This no-code canvas serves as the central interface for orchestrating agent behavior by visually connecting various modular components, such as AI agents, LLM actions, tools, and decision logic - using simple drag-and-drop operations.

This intuitive design allows both technical and non-technical users to build complex automation and decision workflows with precision and ease.

Canvas Overview
Section Description
Save changes Saves current agent configuration once the mandatory fields are filled in.
In Progress Displays current agent build status (Example, Ready, In Progress).
Start

The required entry point and the trigger for the entire agent workflow. It serves as the visual beginning of the execution flow.
Subagent

Drag to add a standard AI Agent (Subagent/LLM Agent) node to the canvas for running LLM logic and tools.
New A2A node

Drag to add an Agent-to-Agent (A2A) communication node for delegating tasks to external, specialized agents.
Condition node (hover)

 To add a decision point, click the orange icon that appears when you hover over the connection line between two nodes. Enter the condition prompt. This opens the conditional configuration, allowing you to set up criteria to route the workflow down a different path, which is visually represented by a dotted line.
Note: Click the delete icon to delete the decision point and the associated conditional path (the dotted line). Clicking it removes the configured criteria and reverts the flow back to a simple, sequential connection between the two nodes.
Delete (hover)

 Removes the connection line and its configuration from the visual canvas. Deleting a node automatically severs and removes all associated incoming and outgoing connections in the workflow.
Note: The connection line between nodes is also referred to as a “hand-off.”

How to Build a Workflow:

  1. Drag and Drop Nodes:
    1. Simply drag the subagent onto the main canvas, and connect to the Start node.
    2. When a Subagent node is selected, the Subagent properties panel on the right becomes active.
    3. When a A2A node is selected, the A2A gatewayproperties panel on the right becomes active.
    4. Enter the details in the Subagent section, refer to Configuring Subagent section.
    5. Add as many subagents and A2A node as needed to represent each step of your business process.
  2. Connect Nodes:

    1. Define execution flow by connecting nodes:

      Drag arrows from one node’s output port to another’s input port.

  3. Reorder and Organise:

    • You can rearrange nodes on the canvas at any time.

    • The grid alignment ensures clean layout and readability.

      Note: The alignment option allows you to change the workflow orientation between vertical and horizontal for better visualization