Log in

Templates

Mobile Free Wireframe Templates

Free templates for brainstorming, diagrams and teamwork. Open one in MockFlow and customize it for your work.

Gallery

Pick a template and make it yours.

Every template opens in MockFlow, ready to edit with your team or with AI.

Start exploring

iPadOS 27 - Home Wireframe

iPadOS 27 - Image playground app Wireframe

iPadOS 27 - Siri app Wireframe

Siri app & Siri with maps Wireframe

Reminder and Mail search Wireframe

Image playground AI Wireframe

Android 17 - Safety and Security feature Wireframe

Android 17 - Settings and Volume controls Wireframe

Android 17 - Pull down notification Wireframe

Android 17 - Widget and App bubble Wireframe

Online book store app Wireframe

Nutrition & health tracker app Wireframe

Invoice management app Wireframe

Car rental app Wireframe

Furniture e-commerce app for iPhone Wireframe

Food ordering app for iPhone Wireframe

Beauty product app Wireframe

Event booking app for iPhone Wireframe

Music app home & albums Wireframe

Music app player & lyrics Wireframe

Music app artist & artist details Wireframe

Habit tracker app Wireframe

Healthcare app for iPhone Wireframe

Weather app for iPhone Wireframe

Diet app for iPhone Wireframe

Trip planner app for iPhone Wireframe

Onboarding UI Wireframe

Virtual Meeting Mobile App Wireframe

Pet shop app Wireframe

Online streaming mobile app Wireframe

Banking app sketchy & high fidelity Wireframe

AI app design for iPhone Wireframe

Profile screen for a mobile app Wireframe

Volume control & pull down notifications - Android 16 Wireframe

Lock screen & settings - Android 16 Wireframe

Calls & hearing aids control - Android 16 Wireframe

Travel app for iPhone Wireframe

Selfcare app for iPhone Wireframe

Podcast app liquid glass style for iPhone Wireframe

iPadOS 26 - Home Wireframe

iPadOS 26 - Home liquid glass style Wireframe

iPadOS 26 - Pull down notification Wireframe

iPadOS 26 - Calls UI Wireframe

Calls iPhone iOS 26 ui Wireframe

Learning management app for iPhone Wireframe

Music player app for iPhone Wireframe

Home & Pull down notification iPhone Wireframe

Home & Pull down notification for iPhone Wireframe

Calls and Gallery UI for iPhone Wireframe

Flight details & Places visits for iPhone Wireframe

1 2 3 4 5

Next

Get started

Your next board, ready in minutes.

Start free Open a board, no account

More to start from

Brainstorm 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.

Learn more about MockFlow MCP → Agent Skills for MCP

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.

Sign in with Google

Sign in with Microsoft

Sign in with Apple

Sign in with SSO