
OpenFlowKit 2
Free, open-source diagrams you and your agent edit together
About OpenFlowKit 2
OpenFlowKit 2 is a versatile, open-source diagramming platform designed for collaborative visual modeling. Hosted entirely in the browser, it offers a local-first experience that requires no account setup, making it accessible and privacy-focused. Users can create diagrams in multiple ways: drawing directly on the canvas, writing code, or pasting Mermaid, D2, or Structurizr scripts. Its integration with AI providers and local models allows for intelligent assistance, and the ability to hand diagrams off to coding agents like Claude Code facilitates seamless development workflows. Additionally, OpenFlowKit 2 supports version control by pulling diagrams directly from GitHub repositories, with arrows citing specific files and lines, and includes CLI tools for drift detection during CI processes. This makes the tool ideal for developers, designers, and teams seeking a flexible, open-source solution for technical diagrams, architecture, and documentation that integrates smoothly into their existing workflows.
Screenshots






+3 more screenshots
Pros
- ✓Open-source and free, with no account required
- ✓Supports multiple input methods: drawing, code, and paste-in scripts
- ✓AI integrations for intelligent assistance and automation
- ✓GitHub integration for version control and CI/CD workflows
- ✓Local-first design ensures privacy and data control
Cons
- ✗May have a learning curve for users unfamiliar with code-based diagrams
- ✗Limited built-in templates or pre-made diagram elements
- ✗No mention of advanced collaboration features like real-time editing
Use Cases
Pricing
Pricing not verified
Quick Info
Topics
Makers
Varun
Alternatives
Similar Tools in Developer Tools
Embed Badge
Add this badge to your website to show that OpenFlowKit 2 is featured on Visalytica.
<a href="https://www.visalytica.com/tool/openflowkit-2" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7c3aed;color:#fff;border-radius:8px;font-family:-apple-system,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s" onmouseover="this.style.background='#6d28d9'" onmouseout="this.style.background='#7c3aed'"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-4"/></svg>Featured on Visalytica</a>