Visual Flow Designer — Drag-and-Drop Workflow Editor

🔀 Workflow • javascript • v1 •

The Visual Flow Designer is Flowork's drag-and-drop workflow editor. It uses a canvas-based DAG (Directed Acyclic Graph) to connect nodes visually. Workflows are saved as JSON and executed by the Go Engine.

The Flow Designer

Flowork's Visual Flow Designer lets users build automation workflows by dragging and connecting nodes on a canvas.

Built-in Nodes

Basic

  • HTTP Request — Make API calls
  • Set Field — Transform data
  • IF/ELSE — Conditional branching
  • Switch — Multi-path routing
  • Delay — Wait between steps
  • Text Input — Static text value
  • Debugger — Log intermediate values
  • Local Disk — Read/write local files

Google Suite

  • Gmail — Send/read emails
  • Google Drive — Upload/download files
  • Google Sheets — Read/write spreadsheets

Workflow Execution

When a workflow is triggered: 1. Client sends POST /api/workflow/execute/:id 2. Go Engine loads the workflow JSON 3. internal/workflow/ package builds the DAG 4. Nodes are executed in topological order 5. Data flows through connections between nodes 6. Results are stored in execution history

INDEXED KEYWORDS:
workflow flow-designer drag-drop visual-programming dag nodes