Log in
Flowchart maker

Flowcharts in minutes.

Create flow diagrams, cloud architecture diagrams, UI flows, process flows and more with the MockFlow online flowchart maker.

Create flow diagrams, cloud architecture diagrams

Super fast and super easy flowchart maker.

Build dynamic flowcharts by dragging and dropping shapes and connecting them with interactive lines that match your design. Customize connector styles and add labels for clarity.

A fast and easy flowchart maker

Generate flowcharts with AI.

Jumpstart your flowchart creation with AI, saving valuable time. Generate an initial flowchart effortlessly and tailor it to your needs, combining the efficiency of automation with the flexibility of customization.

"Create a user registration and login flow with email verification and OAuth options"
AI flowchart maker
Generate flowcharts with AI

Diverse flowchart shapes.

Explore a rich array of flowchart shapes within our built-in library, available in various styles such as plain, sketchy, or 3D. Merge these shapes seamlessly with our icon libraries to effortlessly craft architecture diagrams for AWS, Azure, etc.

Flowchart shapes in plain, sketchy and 3D styles

Create interactive flowcharts.

Facilitate the documentation of complex processes or extensive data by creating interactive flowcharts. Develop a network of interconnected diagrams, avoiding clutter and ensuring a clear, organized representation across multiple linked charts.

Share, start fast and work offline.

Bring your team in, start from a template, or keep working in the desktop app.

Get started

Draw flow diagrams with the MockFlow flowchart tool.

Shapes, connectors, icons and AI on one board, ready for your team.

Free to startWeb and desktop
Try it now

Tell Mida the process you want to map and it starts the board for you.

MCPBrainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.