Flowzap

What is Flowzap?

Flowzap is an MCP server that provides tools to validate, create, export, and manipulate diagrams written in FlowZap Code, a simple domain-specific language for collaborative business process mapping and workflow automation. It integrates with 11 coding tools including Claude Desktop, Cursor, and Windsurf IDE.

How to use Flowzap?

Install the flowzap-mcp npm package and configure it in your coding tool's MCP settings using JSON configuration. The server exposes 7 tools such as flowzap_validate, flowzap_create_playground, and flowzap_get_syntax.

Key features of Flowzap

• 7 MCP tools for diagram creation and manipulation
• Compatible with 11 popular coding tools
• Supports flowcharts, swimlane, sequence, and architecture diagrams
• URL-based code loading and playground sharing
• AI guidelines and machine-readable schemas for agents
• 250+ ready-to-use diagram templates

Use cases of Flowzap

• Generate workflow diagrams directly from AI prompts in coding tools
• Validate FlowZap Code syntax without leaving the editor
• Export diagrams to various formats from Claude Desktop or Cursor
• Diff and apply changes to existing diagram definitions
• Create playground instances for collaborative editing

FAQ from Flowzap

What coding tools does it support?

Claude Desktop, Claude Code, Cursor, Windsurf IDE, OpenAI Codex, Warp Terminal, Zed Editor, Cline, Roo Code, Continue.dev, and Sourcegraph Cody.

Do I need a Flowzap account?

Yes, create a free account on the Flowzap website to visualize diagrams and use templates.

How do I install the MCP server?

Run npx -y flowzap-mcp and add the configuration to your tool's MCP settings file.

What tools does the server provide?

Seven tools: flowzap_validate, flowzap_create_playground, flowzap_get_syntax, flowzap_export_graph, flowzap_artifact_to_diagram, flowzap_diff, and flowzap_apply_change.

Can I load code from a URL?

Yes, use the ?code=<base64url> parameter on the playground page to load FlowZap Code directly from a URL.