Whiteboard MCP

Claude Code

Works with your favorite tools

Up and running in 30 seconds

Requires Node.js 18+ (for npx). Most developers already have this.

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

Restart your editor, then try it

Tell Claude: "Open the whiteboard and draw me a dog sniffing flowers in the sunshine"

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

Add to VS Code MCP config

{
  "servers": {
    "whiteboard": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "context_servers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

opencode.json (project root) or ~/.config/opencode/opencode.json (global)

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "whiteboard-mcp": {
      "type": "local",
      "command": ["npx", "-y", "whiteboard-mcp"],
      "enabled": true
    }
  }
}

Note: OpenCode uses "mcp" (not "mcpServers") and command is an array.

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "amp.mcpServers": {
    "whiteboard-mcp": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

Settings > MCP Servers > Edit Global MCP (cline_mcp_settings.json)

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

# Run the server directly
$ npx -y whiteboard-mcp

# Or add to your MCP client's config:
command: npx
args: ["-y", "whiteboard-mcp"]
transport: stdio

Need help? Email us — we'll help you get set up for free.

Everything your AI needs to draw

✎

Full Drawing Toolkit

Rectangles, ellipses, diamonds, arrows, freehand paths, text, images. Everything you'd expect from a real whiteboard.

◆

Auto-Layout Diagrams

Define nodes and connections. Whiteboard MCP handles layout, spacing, and arrow routing automatically.

☵

One-Call Flowcharts

A single create_flowchart call generates a complete diagram from a graph definition. No pixel pushing needed.

📷

Screenshot & Export

Export as PNG, SVG, or JSON. The AI can take screenshots to verify its work before moving on.

⇄

Interactive, Not Static

This isn't a Mermaid diagram generator. It's a live canvas you work back and forth with. Draw alongside the AI, drag things around, ask it to modify what it drew. Full toolbar with manual drawing tools too.

🔒

100% Local

Everything runs on your machine. No cloud, no accounts, no data leaving your system. Just a local MCP server.

Simple pricing

Buy once, own forever. No subscriptions.

Solo

$29

One-time payment. Lifetime updates.

• All 30+ drawing & diagram tools
• Auto-layout flowcharts & architecture diagrams
• PNG, SVG, JSON export
• Works with Claude Code, Cursor, VS Code & more
• Lifetime updates
• Private Discord community of people building cool stuff with AI

Team

$99

10 licenses included. +$9 per additional seat.

• All 30+ drawing & diagram tools
• Auto-layout flowcharts & architecture diagrams
• PNG, SVG, JSON export
• Works with Claude Code, Cursor, VS Code & more
• Lifetime updates
• Private Discord community
• 10 license keys for your team
• Bulk license management
• Personal onboarding support
• $9 per additional seat after 10