Log in

Ant design 4.0.4 (light & dark)

Design elegant and theme-flexible web apps with the Ant Design 4.0.4 UI Kit in MockFlow. Based on the popular Ant Design framework, this kit includes a wide range of pre-built components - buttons, form fields, navigation elements, icons, and more - all styled to match Ant Design’s modern UI standards. With support for both light and dark modes, it enables designers to wireframe user-friendly, visually consistent interfaces that adapt to different themes effortlessly. Ideal for fast, standards-aligned web application design.
Import UI kit
Enterprise
UI kit preview
Get started

Wireframe your next idea today.

Start freeOpen a board, no account
More to start from

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.

Learn more about MockFlow MCP → Agent Skills for MCP

Welcome back

Forgot password?
Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.

google logo Sign in with Google microsoft logo Sign in with Microsoft apple logo Sign in with Apple
Sign in with SSO