Visual Workflow Diagrams Now Available

Cloudflare has introduced automatic visual diagram generation for Workflows, providing developers with a graphical representation of their workflow code. This new capability parses your Workflow code and generates a visual map showing how steps connect, execute, and interact with one another.

Key Capabilities

The diagram visualization enables developers to:

• Understand step connections – See how each step flows into the next
• Visualize complex logic – View loops and nested logic in a clear graphical format
• Follow conditional paths – Trace branching logic with ease
• Collapse and expand – Toggle between high-level flow views and detailed step-by-step views

Availability and Access

The feature is currently available in beta for all JavaScript and TypeScript Workflows. Developers can access workflow diagrams directly in the Cloudflare dashboard by navigating to their Workflows section. This makes debugging, documentation, and understanding existing workflow logic significantly easier without leaving the dashboard.