Visual Workflow AI

Getting Started

Build your first AI workflow in 5 minutes

This tutorial will guide you through building your first AI workflow in Visual Workflow AI. We'll create a people research agent that can find information about individuals using state-of-the-art LLM-Search tools.

This tutorial takes about 10 minutes and covers the essential concepts of building workflows in Visual Workflow AI.

What We're Building

A people research agent that:

  1. Receives a person's name via chat interface
  2. Uses an AI agent with advanced search capabilities
  3. Searches the web using state-of-the-art LLM-Search tools (Exa and Linkup)
  4. Extracts structured information using a response format
  5. Returns comprehensive data about the person

Step-by-Step Tutorial

Open Visual Workflow AI and click "New Workflow" in the dashboard. Name it "Getting Started".

When you create a new workflow, it automatically includes a Start block - this is the entry point that receives input from users. For this example, we'll be triggering the workflow via chat, so we don't need to configure anything on the Start block.

Now drag an Agent Block onto the canvas from the blocks panel on the left.

Configure the Agent Block:

  • Model: Select "OpenAI GPT-4o"
  • System Prompt: "You are a people research agent. When given a person's name, use your available search tools to find comprehensive information about them including their location, profession, educational background, and other relevant details."
  • User Prompt: Drag the connection from the Start block's output into this field (this connects <start.input> to the user prompt)

Let's enhance our agent with tools for better capabilities. Click on the Agent block to select it.

In the Tools section:

  • Click Add Tool
  • Select Exa from the available tools
  • Select Linkup from the available tools
  • Add your API keys for both tools (this allows the agent to search the web and access additional information)

Now let's test our workflow. Go to the Chat panel on the right side of the screen.

In the chat panel:

  • Click the dropdown and select agent1.content (this will show us the output of our agent)
  • Enter a test message like: "John is a software engineer from San Francisco who studied Computer Science at Stanford University."
  • Click "Send" to run the workflow

You should see the agent's response analyzing the person described in your text.

Now let's make our agent return structured data. Click on the Agent block to select it.

In the Response Format section:

  • Click the magic wand icon (✨) next to the schema field
  • In the prompt that appears, type: "create a schema named person, that contains location, profession, and education"
  • The AI will generate a JSON schema for you automatically

Go back to the Chat panel.

Since we added a response format, new output options are now available:

  • Click the dropdown and select the new structured output option (the schema we just created)
  • Enter a new test message like: "Sarah is a marketing manager from New York who has an MBA from Harvard Business School."
  • Click "Send" to run the workflow again

You should now see structured JSON output with the person's information organized into location, profession, and education fields.

What You Just Built

Congratulations! You've created your first AI workflow that:

  • ✅ Receives text input via chat interface
  • ✅ Uses AI to extract information from unstructured text
  • ✅ Integrates external tools (Exa and Linkup) for enhanced capabilities
  • ✅ Returns structured JSON data using AI-generated schemas
  • ✅ Demonstrates workflow testing and iteration
  • ✅ Shows the power of visual workflow building

Key Concepts You Learned

Block Types Used

Start Block
Agent Block

Core Workflow Concepts

Data Flow: Variables flow between blocks by dragging connections

Chat Interface: Test workflows in real-time using the chat panel with different output options

Tool Integration: Enhance agent capabilities by adding external tools like Exa and Linkup

Variable References: Access block outputs using <blockName.output> syntax

Structured Output: Use JSON schemas to get consistent, structured data from AI

AI-Generated Schemas: Use the magic wand (✨) to generate schemas with natural language

Iterative Development: Test, modify, and re-test workflows easily

Next Steps

Need Help?

Stuck on a step? Check our Blocks documentation for detailed explanations of each component.

Want to see more examples? Browse our Tools documentation to see what integrations are available.

Ready to deploy? Learn about Execution and Deployment to make your workflows live.