Log in
Sitemaps with AI

Create UX sitemaps with AI.

Generate editable sitemaps from text prompts, plan clear information architecture and map user flows for websites, web apps and mobile apps.

Clear, editable visual sitemaps from a prompt.

Enter a text prompt and AI creates a detailed, editable visual sitemap in seconds. Made for websites, web apps and mobile apps, it helps you plan projects faster without missing the finer details.

Plan structure and user journeys.

Start with an AI draft and refine it to match your vision.

Plan website information architecture

Website information architecture

Quickly generate a visual sitemap with AI, that serves as the foundation for planning your website's structure. Refine and edit the sitemap effortlessly to align with your vision, making the planning process faster and more efficient.

User journey planning with AI

Simplify user journey planning with AI

Instantly generate initial visual sitemaps depicting User Flows for Web and Mobile Apps. Easily edit and refine these flows to suit your specific requirements, saving time and effort.

Redesign faster with instant sitemaps.

Effortlessly generate a visual sitemap by crawling your existing website. Ideal for redesign projects, this feature lets you analyze your current structure, identify areas for improvement, and streamline the process of reimagining your site.

Instant sitemaps from an existing website

Try these sitemap prompts.

Pick a prompt and Mida opens with it ready to send.

"Sitemap for a SaaS marketing website with product, pricing, customers, blog and help pages"

"Sitemap for an online clothing store with categories, product pages, cart and account"

"App map for a fitness mobile app with onboarding, workouts, progress and settings"

Get started

Design smarter with MockFlow AI.

Describe your site or app and get an editable sitemap in seconds.

AI credits on every planFree to start
Try it now

Tell Mida about your site or app and it starts the board 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.