What are Visual Workflows?
Visual workflows let you build browser automation workflows using a visual interface instead of writing code. You design workflows on the dashboard, combine different step types, and execute them via API.How It Works
- Create a workflow on the Dari dashboard
- Add steps (browser actions, agents, code, etc.)
- Define input variables that can be passed at runtime
- Save and publish your workflow
- Call the workflow via API with the workflow ID
Key Advantages
Visual Representation
See your entire workflow at a glance with a visual flowchart
Easy Modifications
Update workflows without changing code or redeploying
Reusable
Share workflows across multiple applications and teams
Built-in Debugging
Monitor executions with visual debugging tools
When to Use Visual Workflow Builder
Stable, Repeatable Workflows
Stable, Repeatable Workflows
Use when you have a well-defined workflow that won’t change frequently and needs to be executed repeatedly with different inputs.
Team Collaboration
Team Collaboration
Perfect when non-developers need to modify workflows or when you want to share workflows across teams without code changes.
Visual Debugging
Visual Debugging
Ideal when you need built-in visual debugging and monitoring capabilities to track execution progress.
Cross-Application Reuse
Cross-Application Reuse
Best when the same workflow will be used across multiple applications or services.
Version Control & Rollback
Version Control & Rollback
Use when you want dashboard-based version control and the ability to rollback to previous workflow versions.
Workflow Step Types
Visual workflows can include different types of steps:- Browser Actions - Quick 2-step interactions
- Browser Agents - Multi-step autonomous workflows
- Browser Code - Custom JavaScript execution
- Conditional Logic - If/else branching
- Loops - Iterate over data
Limitations
- Less flexible than programmatic approaches for dynamic, conditional logic
- Requires dashboard access to modify workflow structure
- All logic must be defined upfront in the visual builder
Detailed Guides
Getting Started
Quick guide to building your first visual workflow
Choosing the Right Step Type
Learn when to use Actions, Agents, or Code
Browser Actions
Quick 2-step browser interactions
Browser Agents
Multi-step autonomous workflows
Browser Code
Custom JavaScript for precise control
API Reference
Complete API documentation for visual workflows
Comparison with Other Approaches
| Feature | Visual Workflow Builder | Programmatic Actions |
|---|---|---|
| Control | Visual configuration | Full programmatic control |
| Conditional Logic | Pre-configured conditions | Runtime decisions with code |
| Integration | Standalone workflows | Easy integration with apps |
| Version Control | Dashboard-based | Git-based |
| Debugging | Built-in execution logs | Custom logging needed |
| Best For | Stable, repeatable tasks | Dynamic, integrated workflows |
API Reference
Start Workflow
Execute a visual workflow via API
Get Execution Details
Monitor workflow execution status
Resume Workflow
Resume paused or failed workflows
List Executions
View all workflow executions