Overview
The Visual Editor is the heart of Nadoo Builder, providing an intuitive drag-and-drop interface for creating AI workflows without writing code.Core Features
Node-Based Design
- Drag & Drop: Add nodes from the component library
- Visual Connections: Link nodes to create data flow
- Real-time Validation: Instant feedback on configuration
- Property Panels: Configure nodes through UI forms
Workflow Canvas
Interface Components
1. Component Library
- Input/Output
- Processing
- Control Flow
- Integrations
- User Input
- File Upload
- API Webhook
- Database Query
- Response Output
2. Canvas Controls
- Zoom: Adjust view level (10% - 400%)
- Pan: Navigate large workflows
- Grid Snap: Align nodes to grid
- Auto Layout: Organize nodes automatically
- Minimap: Overview navigation
3. Property Panel
Configure node properties:- Basic settings (name, description)
- Input/output mapping
- Advanced configuration
- Error handling rules
- Execution conditions
Workflow Building
Step-by-Step Process
1
Add Nodes
Drag nodes from the library to canvas
2
Connect Nodes
Draw connections between node ports
3
Configure Properties
Set node parameters in property panel
4
Test Workflow
Run test execution with sample data
5
Deploy
Publish workflow to production
Upcoming Features
- AI-assisted workflow generation
- Natural language to workflow conversion
- Advanced analytics and insights
- Custom node development UI