Free online diagram editor

Draw system design, flowcharts & ER diagramsin your browser

FlowCraft is a free online diagram maker for architecture diagrams, database schemas, and process flows — with real-time collaboration, an AI diagram generator, and an MCP server so Claude and Cursor can build diagrams for you.

FlowCraft system design diagram editor with AI-generated architecture diagram

One diagram tool for design, flow, and data

Everything you need to visualize systems, processes, and schemas — without switching apps.

System Design Diagrams

Map out microservices, gateways, databases, and queues with pre-built system nodes, theme colors, and status pills.

Flowchart Maker

Build process flows and decision trees with start/end, process, decision, input/output, document, and delay shapes.

ER Diagram Tool

Design database schemas visually — typed columns, primary/foreign keys, and nullable flags on every table node.

AI Diagram Generator

Describe your architecture in plain English and let the built-in AI assistant lay out nodes and connections for you.

Real-Time Collaboration

Share a diagram, comment with @mentions, and see edits sync live across every collaborator’s canvas.

MCP Server for Claude & Cursor

Connect FlowCraft over the Model Context Protocol so Claude Desktop, Claude Code, or Cursor can create and edit diagrams for you.

A canvas built for architecture & database diagrams

Drag in system nodes, flowchart shapes, or ER tables, connect them with styled edges and arrowheads, and let the auto-layout engine tidy everything into a clean hierarchy.

  • System architecture & cloud infrastructure diagrams
  • Software flowcharts & business process maps
  • Database entity-relationship (ER) diagrams
  • API and microservice interaction maps
  • Onboarding docs & technical wikis
  • AI-assisted diagramming via Claude or Cursor (MCP)
FlowCraft flowchart and ER diagram editor canvas
FlowCraft MCP server connecting Claude and Cursor to a live diagram
Model Context Protocol

Let Claude or Cursor build your diagrams

FlowCraft ships an MCP server so any AI assistant that speaks the Model Context Protocol can create diagrams, add nodes and edges, and auto-layout an entire system design or ER schema from a single prompt.

See MCP setup for Claude & Cursor

Start your first diagram in seconds

No install required — sign up free and start designing.

Open FlowCraft