Log in
WireframePro version history

Wireframe version history.

Log, track, compare, revert changes done over time with page based version history of your wireframes.

Wireframe version history

Automatic version creation.

MockFlow automatically creates revision copies of your wireframe pages in strategic way so that it does not spam your version history.

Automatic version creation

Save, compare and restore any revision.

Freeze important moments, see exactly what changed, and go back when you need to.

Check-in revisions

Check in revisions

Create a manual revision of your wireframe page whenever necessary. This can be useful for freezing major changes, preventing data loss, or meeting other specific requirements.

Compare revision

Compare revisions

MockFlow offers a visual comparison of changes between any two revisions, making it crucial to understand the specific updates made to a wireframe before performing actions like reverting.

Revert to revision

Revert to revision

Revision changes can be saved as a new page or the current page can be reverted to the selected revision.

Revision history timeline.

"Revision history timeline" provides a visual representation of all changes made to your wireframe, allowing you to easily navigate through different versions and understand the evolution of your project.

Revision history timeline
Get started

Wireframe with every version saved.

Version history is 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.