MockFlow
MockFlow is a wireframing and AI whiteboard platform where product teams sketch interfaces, diagram systems and brainstorm together. Its WireframePro and IdeaBoard apps turn prompts, screenshots and meeting notes into editable visuals.
What is MockFlow?
MockFlow is a visual brainstorming platform developed since 2009 by A Produle Systems Pvt Limited. It bundles two main applications. WireframePro handles interface wireframing with more than a hundred ready-made components — charts, trees, datagrids, button bars, form elements — plus UI packs, a LayoutBuilder for composing screens, and a bring-your-own-component option that imports a team's existing Tailwind components. Its Build mode converts finished designs into usable UI code for React, iOS, Android and other frameworks. IdeaBoard is the whiteboard side: an infinite canvas for diagrams, mind maps, moodboards, kanban boards, documents, polls, maps, calendars, knowledge graphs, customer journey maps, storyboards, swimlanes, timelines and database schemas.
An AI layer runs across both. Users describe what they want and receive sketchy or high-fidelity wireframes; screenshots of an existing app become editable designs; prompts produce flowcharts, sitemaps and cloud architecture diagrams; meeting transcripts in PDF or Markdown turn into structured boards. The homepage marks these wireframing AI features beta. Mida, an assistant living inside the editors, generates and transforms content directly on the canvas, while Concept Builders act as AI collaborators with predefined expert roles and multi-turn memory.
Two mechanisms open the platform to outside models. MockFlow Bridge connects a user's own coding agent — Claude Code, Codex or opencode — to a live board on their own machine, spending no MockFlow credits. Separately, MCP servers expose sixteen IdeaBoard tools and three WireframePro tools plus a wireframe export, reachable from Claude, Cursor or VS Code Copilot through a loginless web connector, an npm command line package or the desktop app.
Collaboration covers multiplayer editing, multimedia comments, audio and video meetings, live presentation, board chat and secure view links for people outside the team. Twenty-one read-only OAuth connectors pull data from Slack, Jira, Notion, Linear, GitHub, HubSpot, PostHog and others straight onto the canvas.
The product runs in a browser, as offline-capable macOS and Windows desktop apps, a Chrome extension, a Figma plugin and apps for Slack, Teams, Atlassian, Trello and Google Workspace. The consistent pitch is accessibility: visual work that anyone on a team, not only designers, can contribute to.
What it does
- Generate an editable wireframe from a text description or from a screenshot of an existing app
- Convert any live website or web app into an editable wireframe through the Chrome extension
- Draw flowcharts, mind maps, sitemaps and AWS, Azure or Google Cloud architecture diagrams from a prompt
- Export a wireframe to production code for React, Tailwind, Shadcn, iOS or Kotlin, or to native Figma layers
- Brainstorm on an infinite shared canvas with teammates and AI agents in real time
- Turn a meeting transcript in PDF or Markdown into a structured visual board
- Drive board and wireframe creation from Claude, Cursor or VS Code Copilot over MCP
When to use MockFlow / When not to
A quick filter to help you decide if MockFlow is the right fit.
When to use MockFlow
- Product and design teams that need to see an interface idea before a single line of code is written
- Non-designers — project managers, developers, marketers — expected to contribute UI ideas without learning a complex design tool
- Distributed teams running brainstorming or retro sessions, using multiplayer editing, board chat and audio/video meetings
- Developers working in Claude Code, Cursor or VS Code Copilot who want diagrams and wireframes generated from their editor through MCP
- Agencies, startups, freelancers and classrooms, each of which has a dedicated licence and solution page
When not to use MockFlow
- Designers looking for a high-fidelity prototyping tool: MockFlow positions itself against prototyping apps and exports to Figma rather than replacing it
- Organisations that require a signed data processing agreement, a named EU representative or a published subprocessor list — none exist here
- Buyers who need to compare prices before signing up, since plan amounts are rendered by JavaScript and never appear in the page itself
- Teams with data residency obligations: the site names AWS but never a hosting country or region
- Anyone wanting a native mobile app, as only macOS and Windows desktop builds and two Mac App Store listings are published
How to use MockFlow
A typical end-to-end flow, from setup to results.
- Create a free account with an email address, a Google account or a Microsoft account; enterprise customers can use SSO instead
- Activate the account through the emailed link or by entering the one-time code received by email
- Open the web application at mockflow.com/app, or download the macOS or Windows desktop app for offline work
- Pick the kind of board to start from: wireframe, whiteboard, flowchart, mind map, cloud architecture diagram, kanban, storyboard, journey map and others
- Use Start with AI to generate a first draft from a prompt or a screenshot instead of facing a blank canvas
- Assemble or refine the design with the component library, UI packs and the LayoutBuilder
- Invite teammates as Reviewer, Editor or Admin, and send secure preview links to outsiders who should not have to sign up
- Connect external data with the read-only OAuth connectors for Slack, Jira, Notion, Linear or GitHub
- For AI-assisted work from an editor, paste the IdeaBoard connector URL into Claude.ai or ChatGPT, or install the MCP package with npm and log in through the browser
- Hand off the result: export to PDF, PNG, PPT, CSS, production code or native Figma layers
Pros & Cons
Pros
- A genuinely permanent free plan on every application, with no time limit and no trial countdown
- Deliberately shallow learning curve, so people who are not designers can still produce usable visuals
- Unusually broad coverage of visual formats, from wireframes and flowcharts to kanban boards, journey maps and storyboards
- Wireframes convert to production code and export to native Figma layers, so the work does not stop at the picture
- Native MCP integration with Claude, Cursor, VS Code and ChatGPT, including a mode needing neither installation nor an account
- MockFlow Bridge runs on the user's own AI agent, which removes the credit ceiling entirely
- Long track record and wide surface area: the domain dates from 2009, and the tool ships on desktop, Slack, Teams, Atlassian, Trello, Google Workspace, Figma and Chrome
Cons
- Paid plan amounts never appear in the page: they are injected by the payment provider in JavaScript, so pricing cannot be compared without running the configurator
- Legal documents are old — terms dated 14 December 2020 and a privacy policy dated 19 May 2020 — and the two disagree on which company processes payments
- No GDPR mention, no Article 27 representative, no data processing agreement and no subprocessor list
- Hosting is described as AWS with no country or region ever named, and no postal address is published anywhere
- The SOC 2 and ISO 27001 claims apply to the hosting providers MockFlow uses, not to MockFlow itself
- AI wireframing is still labelled beta, and AI credits are capped per plan, with generation suspended once they run out
- The free Basic plan is tightly limited to one wireframe project, three boards, three thousand objects per board and public sharing only
Pricing & Plans
A permanent free plan is available. The Basic plan costs nothing, is described as free forever with no billing, and carries no time limit, though it is restricted to one editor, one wireframe project, three IdeaBoard projects, a three thousand object ceiling per board, a maximum of one hundred AI credits and public sharing only. Three paid plans follow — IdeaBoard, WireframePro and the combined MockFlow Suite — all billed per editor, monthly or yearly, with a stated 25% saving on annual commitment. The entry price of the cheapest paid plan is not published: the amounts are generated in the browser by the payment provider, and the only figure printed in the page itself is a team pack billed at 324 US dollars per year for three editors. A one-off 10-Day Pass and dedicated Enterprise, Startup and Education licences are also offered. Payment is by major credit card, with bank transfer and purchase orders available on enterprise licences.
- Basic — free forever
- 1 editor
- 1 wireframe project
- 3 IdeaBoard projects
- 1 SiteMap project
- 3000 objects per board
- 10 reviewers
- up to 100 AI credits
- IdeaBoard — unlimited boards with no object limit
- advanced collaboration
- 600 AI credits per user per month
- Concept Builders
- connectors
- BridgePro
- licence management
- and SSO
- WireframePro — unlimited wireframes
- SiteMaps and shared design spaces
- unlimited reviewers
- 2200 AI credits per user per month
- code and documentation handoff
- PNG
- PPT and Figma export
- MockFlow Suite — WireframePro and IdeaBoard combined
- everything unlimited
- 2800 AI credits per user per month
- offline editing and unified billing
- 10-Day Pass — one-off payment for ten consecutive days of full access to a paid plan
- no auto-renewal
- projects kept for three months after expiry
- Enterprise
- Startup and Education — dedicated licences presented on their own pages
- Standalone Mac App Store editions of IdeaBoard and WireframePro
- sold without a subscription
Data, GDPR & hosting
A consolidated view of how MockFlow handles your data.
GDPR overview
The GDPR is never named anywhere on the site. The privacy policy, last updated 19 May 2020, twice refers only to compliance with relevant data protection regulations. Some GDPR vocabulary is nevertheless present: users are offered access to their personal data through what the policy calls a data subject access request, plus correction and erasure, and processing is partly justified by legitimate interests balanced against fundamental rights. What is missing is more telling than what is there. No representative is designated under Article 27, no data protection officer is named, no dedicated privacy address is published, no data processing agreement is offered, and no subprocessor list exists. Privacy questions go through a single support contact form. The publisher is established outside the European Union and no postal address appears anywhere on the site.
Who owns the data?
The terms of service state that MockFlow does not claim ownership of the data and assets created with the service, and that the nature, content and intended use of that material remain the sole responsibility of the creator or the company behind the project. MockFlow retains the rights to the service itself, including its technology and intellectual property, and designates parts of it confidential. Projects are private by default and are shared only through explicit permissions — Reviewer, Editor or Admin. Deleting an account removes user data permanently, with no recovery or restoration possible afterwards.
Reuse rights
Users keep control of what they create and can reuse, export and publish it without asking MockFlow for permission: ownership is not claimed and the terms place responsibility for the content on its creator. Work leaves the platform through PDF, PNG, PPT and code exports, Figma export, and offline .wire and .board files. The reverse does not apply — the terms forbid copying, modifying, reverse engineering or extracting the source code of the software, and prohibit any use of MockFlow's trade names, trademarks, logos or brand features without prior written agreement. Third-party data reaching a board through the twenty-one connectors is read only, pulled over OAuth.
Data retention & training
Hosting summary
MockFlow states that its entire infrastructure is hosted with Amazon Web Services, with files stored on AWS S3 across geographically dispersed availability zones. No hosting country, region or jurisdiction is named anywhere on the site, which leaves data residency undetermined. The security page describes network and application firewalls, intrusion detection, Cloudflare protection against denial-of-service attacks, continuous encrypted backups kept in separate locations, 256-bit encryption for sensitive data such as passwords, and AES-256 encryption over SSL for all transmissions, with an A+ SSL rating from Qualys. MockFlow says it uses only SOC 2 and ISO 27001 certified services to host customer data, a statement about its providers rather than a certification of MockFlow itself. The privacy policy adds that AWS cloud storage is used for user data and that third-party service providers handling data act on MockFlow's instructions, though none of them are listed.
Things to keep in mind
Risks and trade-offs to weigh before adopting MockFlow.
- The legal documents are around six years old and contradict each other on who processes payments, so what you actually agree to is uncertain
- No data processing agreement, no subprocessor list and no named EU representative: regulated organisations may not be able to clear MockFlow at all
- AWS hosting is stated without any country or region, which makes data residency impossible to verify
- SOC 2 and ISO 27001 describe the hosting providers, not MockFlow, and it would be easy to read those badges as the vendor's own
- Paid prices are invisible until you run the configurator, which makes budgeting and comparison awkward and can surprise a buyer late in the process
- AI credits can run out mid-session and pause generation until the next billing month, which is disruptive during a workshop
- Letting an AI agent produce the first wireframe or diagram every time can quietly erode the habit of thinking a layout through, and a generated artefact tends to be reviewed less critically than one drawn by hand
Setup & Integrations
Technical difficulty
Very low for ordinary use. Signing up takes an email address or a Google or Microsoft account plus an activation link or code, nothing is installed for the web app, and the product is built around what the site calls zero learning curve. The loginless MCP connector needs no more than pasting a URL into Claude.ai or ChatGPT. Difficulty rises only for developer setups — installing the npm MCP package and logging in through OAuth, or registering a local MCP endpoint from Claude Code or Cursor — and for administrators configuring SSO or SCIM, which are reserved for yearly and enterprise plans.
Deployment
Apps stores
Integrations
Behind MockFlow
Social
Resources
All the official URLs gathered for verification and reference.
Frequently asked questions
What is the difference between WireframePro and IdeaBoard?
Is there a free plan, and is there a free trial?
How much does a paid plan cost?
Can I use MockFlow from Claude, Cursor or VS Code?
What is MockFlow Bridge?
How do AI credits work?
Where is my data hosted, and is MockFlow certified?
Does MockFlow claim ownership of what I create?
What happens to my projects if I stop paying?
Can I work offline?
Should you pick MockFlow?
MockFlow has been around since 2009, and it shows in the best sense: the component libraries are deep, the export paths are real, and the product now reaches well beyond its original wireframing niche into whiteboards, diagrams, kanban boards and journey maps. Its recent repositioning around AI is more than a label. Generating a wireframe from a screenshot, turning a meeting transcript into a board, or driving the canvas from Claude Code through an MCP server are concrete capabilities, and MockFlow Bridge — which lets a team point its own AI agent at a board and skip the credit system altogether — is a genuinely unusual design decision. The permanent free plan and the shallow learning curve make it easy to put in front of people who would never open a professional design tool. Where the product is less convincing is transparency. The terms of service date from December 2020 and the privacy policy from May 2020, and they name different payment providers. The GDPR is never mentioned, no data processing agreement or subprocessor list is published, hosting is described as AWS without naming a country, and no postal address appears anywhere. Prices are absent from the pricing page itself, rendered instead by the payment provider in the browser. None of this is disqualifying for a small team sketching interfaces, and the security page is more detailed than most. It does mean that a procurement or legal review will run out of documents quickly. MockFlow is a strong, unusually broad and unusually accessible ideation tool whose paperwork has not kept pace with its product.
- Choosing a selection results in a full page refresh.
- Opens in a new window.