Quick Start Guide

Build your first secure AI workflow in 5 minutes. No signup required.

Try it live: Open the visual builder in a new tab to follow along.

Step 1

Open the Builder

Launch the visual workflow editor

Navigate to topflow.dev/builder to access the drag-and-drop workflow canvas. You'll see a blank canvas with a node palette on the left.

// The builder includes:

• Visual canvas (center)

• Node palette (left sidebar)

• Configuration panel (right sidebar)

• Security validation (bottom)

Step 2

Add a Start Node

Every workflow begins here

Drag the Start node from the palette onto the canvas. This node defines the input for your workflow.

Configure the Start node:

Set input type (text, JSON, file)
Define expected schema
Add validation rules

Step 3

Add a Text Model Node

Connect to AI models

Drag the Text Model node to the right of the Start node. Connect them by dragging from the Start node's output handle to the Text Model's input handle.

Configure the model:

• Model: gpt-4-turbo

• Prompt: "Summarize: {{input}}"

• Temperature: 0.7

Step 4

Add an End Node

Define your output

Drag the End node and connect it to the Text Model's output. This marks the final output of your workflow.

Step 5

Run Your Workflow

Test and validate

Click the Run Workflow button in the top toolbar. Enter sample input and watch your workflow execute in real-time.

The Security Validation Panel will automatically analyze your workflow against 12 security rules and display a score.

What's Next?

Continue your learning journey

Core Concepts

Understand nodes, connections, and data flow

Node Reference

Explore all 10 node types

Security Validations

Learn about the 12 security checks

Tutorials

Build real-world workflows