Log in
For freelance designers

From sketch to handoff.

Bring ideas to life, wireframe faster and deliver polished client work from one streamlined workspace.

Free plan · wireframing included · share with clients by link

Go from idea to UI on your own.

Start with a sketch, an idea or a spark. Explore freely, think visually and turn concepts into wireframes with ease.

An idea growing into wireframes on a board

Everything a freelance project needs.

Kits to start fast, a library that grows with you, and an easy way to bring clients into the work.

UI kits and templates ready to use

Wireframe in record time

Use ready made UI kits and templates to jumpstart client websites, apps and dashboards.

Screenshots and references collected on a board

Collect inspiration visually

Save screenshots, UI references, ideas and links on your own board and use it like a mood board to shape direction.

A personal library of components and kits

Build a personal design library

Reuse your best work. Save components, layouts, custom UI kits, image libraries and boards across projects.

A client commenting on a shared wireframe

Share work, get feedback

Send a secure link with no logins. Clients comment right on what matters.

A live website turned into an editable wireframe

Redesigns made easy

Turn existing websites and apps into editable wireframes with MockFlow Clippy, our Chrome extension.

About Clippy

AI as your design partner

MockFlow AI works like a creative teammate. It generates wireframes, layout ideas, UI content, images, colour palettes and tables, and reviews your design for accessibility and balance.

See the AI tools
Get started

Work smarter and deliver faster on every project.

No account needed

Open a blank board in one click and share the link with your team. Sign up to keep it.

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.