Use the visual editor

Estimated reading: 3 minutes

Robility flow’s visual editor lets you design, test, and share flows—visual representations of application logic built from modular components. Each component reflects a specific step in your workflow.

With its drag-and-drop interface, Robility flow enables you to create sophisticated AI-powered workflows without writing complex code. You can seamlessly integrate various resources such as prompts, large language models (LLMs), data sources, agents, MCP servers, and other tools or connectors.

Workspace

The Workspace is your main canvas for creating flows. Here, you’ll add components, configure their behavior, and connect them to build out your workflow logic.

Within the Workspace, you can easily navigate to additional tools such as the Playground, Share Menu, and Logs for extended functionality.

Workspace Interactions and Gestures

1. Pan View: Click and drag any empty space in the Workspace to move horizontally or vertically.
2. Rearrange Components: Drag and drop components to reposition them visually.
3. Modify Component Connections: To adjust the logical relationships between components, modify their edges or ports. (Refer to the Components Overview for more details.)
4. Lock Layout: Click Lock to fix the current position of components on the canvas.
5. Zoom Options:

a. Use your mouse wheel or trackpad to scroll up/down.
b. Click Zoom In or Zoom Out.
c. Click Fit to Zoom to automatically scale the canvas to fit your entire flow.

6. Add Notes: Use Add Note to insert text boxes for comments or documentation purposes.

Playground

When your flow includes a Chat Input component, the Playground enables interactive testing. It allows you to:

a. Run and interact with your flow through a chat interface
b. View input and output data
c. Adjust the LLM’s memory and behavior in real time

Tip: To explore this feature, build a flow using the Basic Prompting template, then click Playground from the Workspace to start testing.

When your flow includes an Agent component, the Playground allows you to observe the agent’s tool calls and outputs in real time. This helps you understand how the agent makes decisions and uses its tools.

To explore how an agentic flow operates, create a flow using the Simple Agent template and open it in the Playground. For more information, see Test flows in the Playground.

Sharing and Integration Options

The Share menu offers multiple ways to integrate and distribute your flow outside the Robility environment:

1. API Access: Use auto-generated Python, JavaScript, or curl snippets to integrate your flow with external applications.
2. Export: Download your flow as a JSON file for local storage or version control.
3. MCP Server: Make your flow available as a tool for clients compatible with the MCP protocol.
4. Embed into Site: Seamlessly embed your flow into HTML, React, or Angular-based web applications.
5. Shareable Playground: Provide others with access to your Playground interface for demonstration or collaboration purposes.

Note: The Shareable Playground option is intended for previewing and testing, not for deploying flows in production environments.

Use the visual editor

Workspace

Workspace Interactions and Gestures

Playground

Sharing and Integration Options

Use the visual editor

CONTENTS