Find My AI Tool Logo
All tools

OpenFlowKit

OpenFlowKit is a free, open-source, local-first diagramming studio for architecture diagrams that can be drawn by hand, written as code, generated with AI, or mapped from a GitHub repository.

ProductivityDeveloper ToolsDesign ToolsDiagramming

About OpenFlowKit

OpenFlowKit

OpenFlowKit is an open-source diagramming studio for builders. Users can draw diagrams on a canvas, write them as code using Mermaid, D2, or Structurizr syntax, or hand them to an AI agent via an MCP server. Version 2 adds the ability to paste a public GitHub repository and have the app draw its services and connections, with each arrow linked to the source file and line. The page states the app is free, MIT licensed, works without an account, keeps documents in the browser by default, and can be self-hosted as a static app or Docker container. It lists ten diagram types, 2,000+ cloud and developer icons, animated exports (SVG, GIF, MP4, WebM), share links, and AI generation with multiple providers or local Ollama. Private repositories can be mapped locally with the openflowkit CLI.

Key features

  • Draw diagrams by hand on a canvas with shapes, connectors, freehand ink, images, emoji, and data charts
  • Write diagrams as code and import Mermaid, D2, or Structurizr DSL into an editable canvas
  • Map a public GitHub repository into a diagram with arrows linked to source file lines
  • MCP server with 29 diagram tools for Claude Code, Cursor, VS Code, Codex, or any MCP client
  • Ten diagram types including architecture, flowchart, sequence, state, ERD, class, git graph, mind map, chart, and wireframe
  • Over 2,000 AWS, Azure, Google Cloud, CNCF, and developer icons matched from labels
  • AI diagram generation with bring-your-own key or local Ollama
  • ELK auto-layout that respects pinned nodes
  • Export to PNG, SVG, PDF, animated SVG, GIF, MP4, WebM, JSON, and Mermaid
  • View-only encrypted share links or editable copy links
  • Self-hosting as a static app or Docker container

Best suited for

  • Software engineers and architects documenting systems
  • Teams who want to visualize existing codebases
  • Developers working with AI coding agents who need diagrams
  • Users who prefer local-first tools and self-hosting
  • Creators producing animated diagram walkthroughs for demos or docs

Pricing

Free and open source under the MIT license; hosted studio usable without an account. Usage charges may apply if the user connects a paid AI provider.

open sourceself-hostedMCPlocal-firstdiagrammingMermaidarchitecture diagramsrepo mappingC4 architecture

Discussion

No comments yet. Start the conversation.