Log in
WireframePro UI packs

Design anything fast with UI packs.

MockFlow provides UI packs including mobile, sketchy, websites, web apps...

Brainstorm any design ASAP with UI Packs

UI packs for brainstorming websites.

All the components and sections you need to create website wireframes in different frameworks: outline, sketchy, Bootstrap, Tailwind and more.

UI Packs for brainstorming Websites

Mobile frameworks.

Brainstorm mobile apps with iOS, Android, iPad and watchOS frameworks.

Mobile frameworks

Packs for every kind of app.

Web apps, mobile app types, desktop platforms and enterprise design systems.

Webapp packs

Web app packs

Includes UI packs to brainstorm different types of web apps like AI tools, ecommerce sites, finance apps, portals...

Mobile apps

Mobile apps

Apart from specific framework, MockFlow also provides components to wireframe designs for specific app types like gaming, finance, camera and more...

UI packs for desktop frameworks

UI packs for desktop frameworks

Whether you are brainstorming apps for Windows, Linux or macOS, MockFlow covers it all.

Enterprise apps

Enterprise apps

Give the right look-n-feel to your wireframes by using the provided enterprise packs like Salesforce LDS, SAP UI, VMware Clarity...

Huge set of wireframe templates.

If UI packs are not enough, then kickstart your wireframe idea from a huge selection of templates available in all categories.

Huge of set of Wireframe Templates
Get started

Start from a UI pack and wireframe faster.

UI packs are built into WireframePro, the wireframing tool inside MockFlow.

Try it now

Tell Mida the screen you have in mind and it drafts the 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.