Log in
Design assets

Every design asset, on one board.

Our goal is to make wireframing as quick as possible and MockFlow gives its best when it comes to assets.

The icons and fonts you know.

Pick from popular icon sets and fonts made for wireframing, without leaving your design.

Access all the popular icon sets in a click

Access all the popular icon sets in a click

Icons from packs such as Bootstrap, Material, Sketchy, Font Awesome and more.

Fonts made for wireframing

Fonts made for wireframing

MockFlow provides exclusive fonts for Wireframing like Hand-drawn, Redacted and our own Mockup fonts. Besides you can select from the whole library of Google Fonts.

Illustrations, shapes and images.

Make wireframes speak, combine them with flows, and keep every image in one place.

Illustrations to make it speak

Illustrations to make it speak

Select from a variety of open source illustration packs to amp up your website wireframes.

Shapes of all sizes

Shapes of all sizes

Combining flowcharts with UI wireframing is now easy with flow mode + shape libraries for flows, cloud architecture, UML, and more.

Essential image management

Essential image management

Images form an essential part of UI brainstorming. Not only MockFlow provides a functional image manager but also allows you to easily import images from Dropbox, GDrive, Unsplash.

Get started

Start wireframing with every asset at hand.

Design assets are built into WireframePro, which comes with every MockFlow plan.

Included in every planFree to start
Try it now

Tell Mida the screen you want and it drafts a wireframe 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.