Log in
User flow diagrams

Create user flow diagrams online.

Improve user experience by designing user flow diagrams with the intuitive MockFlow user flow diagram tool.

Create user flow diagrams online

Brainstorm quickly and design faster.

Brainstorm user interface flow diagrams quickly in MockFlow with built in flowchart shapes, connectors, and mobile and web layout icons.

Brainstorm quickly and design faster

Style your user flow diagrams.

Tailor your user flow diagrams to your unique style: sketchy, plain, 3D, monochrome, or vibrant and colorful. Expedite your design process with MockFlow's pre-built component libraries, enabling quick iterations for seamlessly designing a rich user experience.

Style your user flow diagrams

Describe a journey, get a user flow.

Name the screens, actions and decisions and AI draws the flow on the board.

Share with your team, work on desktop.

Iterate together in real time, or keep going in the desktop app.

Collaborate and share easily

Collaborate and share easily

Share and iterate in real-time to enhance communication and bring collective creativity to your user flow design process. Export user flow diagrams to image format to share offline or share with a public link in one click to boost collaboration.

Create user flow diagrams offline with the desktop app

Create user flow diagrams offline

MockFlow offers a desktop app for both Windows and MacOS platforms for increased productivity and efficiency. Create and store user flow diagrams locally with the offline mode without any hassles.

Get the desktop app
Get started

Create user flow diagrams online with MockFlow.

Flow shapes, layout icons and AI on one board your whole team can edit.

Free to startWeb and desktop
Try it now

Describe a user journey to Mida and it draws the flow on a new board.

AI user flow generator

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.