OpenFlowKit
Create, edit, and animate architecture diagrams using visual canvas tools, diagrams-as-code, or live AI agent collaboration via MCP.
OpenFlowKit is an open-source, local-first diagramming canvas that unifies visual drawing, diagram-as-code, and AI-assisted workflows. It supports a versatile domain-specific language across ten diagram types—such as flowcharts, sequence diagrams, and C4 architecture models—with built-in conversion for Mermaid and D2. Powered by the Model Context Protocol (MCP), developer agents like Claude Code and Cursor can directly inspect codebases, draft diagrams live on the canvas, cite code locations down to the exact file and line, and verify their changes visually via screenshots, all without requiring an account.
Características Principales
01Live AI agent canvas manipulation over MCP with step-by-step undo tracking and visual screenshot verification
02Bidirectional sync between an interactive infinite canvas and a concise diagrams-as-code text DSL
03Automated codebase mapping for GitHub repositories with relationship arrows cited directly to source code lines
04Broad diagram type support covering architecture, sequence, ERDs, state machines, wireframes, and mind maps
05Rich export options including PNG, SVG, PDF, Mermaid, and animated graphics (GIF, WebM, MP4, and animated SVG)
06960 GitHub stars
Casos de Uso
01Mapping complex repository architectures and service dependencies directly from source code into interactive diagrams
02Partnering with AI coding agents to design, update, and style architecture diagrams live during development
03Generating animated walkthrough diagrams and visuals for technical documentation and repository READMEs