Ant design UI
Related
Related UI kits.
Preview any of these and import it into WireframePro, a built in tool of MockFlow.
More to start from
Preview any of these and import it into WireframePro, a built in tool of MockFlow.
Protected by reCAPTCHA. Google Privacy Policy and Terms apply.
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.
Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcpBest 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.
npm install -g @mockflow/ideaboard-mcpmockflow-ideaboard-mcp loginmockflow-ideaboard-mcpBest 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.
https://app.mockflow.com/ideaboard/mcpBest for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.
Start free. Brainstorm visually anything
Continue with Google
Get instant visual brainstorming inside the Google Meet app
Continue with Microsoft
Run integrated whiteboard sessions inside Teams meetings
Continue with Apple
Use your Apple ID, with built-in two factor auth and convenience
Continue with Email
Verified with a one time code, no connected account
