MockFlow IdeaBoard MCP

Flowcharts

Process flows, decision trees, and workflow diagrams

Mindmaps

Brainstorming and idea organization with hierarchical nodes

Cloud Architecture

AWS, Azure, and GCP architecture diagrams

Charts

Pie, Bar, Line, Area, Scatter, Bubble, and Radar charts

Tables

Data tables with formatting and styling

Documents

Rich-text documents with formatting

Maps

Interactive maps with location markers

Spreadsheets

Spreadsheets with formulas and calculations

Whiteboards

Whiteboards with sticky notes for brainstorming

Customer Journey

Customer journey maps with stages and touchpoints

Kanban Boards

Project management boards with columns and cards

Calendars

Calendar views with events and scheduling

1

Open Claude Settings

In Claude Web/Desktop, click on your profile icon and select Settings. Navigate to the Connectors section.

2

Add New Connector

Click the "Add Connector" button to add a new MCP connector.

3

Enter Connector Details

Enter the following details:

Name

MockFlow IdeaBoard

MCP URL

https://app.mockflow.com/ideaboard/mcp

4

Save and Connect

Click Save to add the connector. The IdeaBoard tools will now be available in your Claude conversations. Start a new chat and ask Claude to create visualizations!

Optional: Connect Your Account

For permanent storage of your boards, Claude will prompt you to authorize with your MockFlow account. This saves all generated visualizations to your IdeaBoard dashboard. Without authorization, boards are created as public demo boards.

Read Claude MCP Documentation

Cursor

AI-powered code editor with MCP support. Add IdeaBoard to visualize code architecture and workflows.

Add to your ~/.cursor/mcp.json:

{
  "mcpServers": {
    "ideaboard": {
      "url": "https://app.mockflow.com/ideaboard/mcp"
    }
  }
}

Windsurf

The AI-native IDE by Codeium. Generate diagrams while coding with IdeaBoard MCP server.

Add to your MCP configuration:

{
  "mcpServers": {
    "ideaboard": {
      "url": "https://app.mockflow.com/ideaboard/mcp"
    }
  }
}

Other MCP Clients

Any MCP-compatible client can connect using the standard configuration.

MCP Server URL:

https://app.mockflow.com/ideaboard/mcp

Protocol: Streamable HTTP with JSON-RPC 2.0

Why Use IdeaBoard MCP Server?

Unlimited AI Credits

Uses your AI provider's credits (Claude, Cursor, etc.) - not MockFlow credits. Virtually unlimited diagram generation.

Instant Generation

Describe your visualization in natural language and get professional diagrams in seconds.

Fully Editable

Every generated diagram opens in IdeaBoard for further editing and sharing with your team.

Start Brainstorming Visually with AI

Add IdeaBoard MCP server as a connector in your favorite AI assistant and transform conversations into visual diagrams