Whiteboard MCP - AI-Powered Drawing for Claude Code

Up and running in 30 seconds

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

Project-level (recommended)

.mcp.json in your project root

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

Global (available in all projects)

~/.claude.json

{
  "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"

Add to Cursor MCP config

.cursor/mcp.json (project root)

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

Add to VS Code MCP config

.vscode/mcp.json (project root)

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

Add to Windsurf MCP config

~/.codeium/windsurf/mcp_config.json

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

Add to Zed settings

Zed > Settings > settings.json

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

Add to OpenCode config

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.

Add to Antigravity MCP config

~/.gemini/antigravity/mcp_config.json

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

Add to Amp settings

.amp/settings.json (project) or ~/.config/amp/settings.json (global)

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

Roo Code

.roo/mcp.json (project root)

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

Cline

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

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

Amazon Q Developer

.amazonq/mcp.json (project) or ~/.aws/amazonq/mcp.json (global)

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

Any other MCP client

# 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

Buy Now

14-day free trial. No credit card required.

On checkout you'll receive your license key. See setup instructions below.

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

We'll personally set up your licenses and help your team get onboarded.

After purchasing, you'll receive your license key by email (check your spam folder — it sometimes lands there). Add it as an environment variable in your MCP config:

Option 1: In your MCP config

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"],
      "env": {
        "WHITEBOARD_MCP_LICENSE_KEY": "YOUR-KEY-HERE"
      }
    }
  }
}

Option 2: In your shell profile (~/.bashrc, ~/.zshrc)

# Add this line to your .bashrc or .zshrc
export WHITEBOARD_MCP_LICENSE_KEY="YOUR-KEY-HERE"

Restart your editor and you're done. The trial banner will change to PRO.

Give your AI the
power to draw

Works with your favorite tools

Up and running in 30 seconds

Everything your AI needs to draw

Full Drawing Toolkit

Auto-Layout Diagrams

One-Call Flowcharts

Screenshot & Export

Interactive, Not Static

100% Local

Simple pricing

Give your AI thepower to draw

Works with your favorite tools

Up and running in 30 seconds

Everything your AI needs to draw

Full Drawing Toolkit

Auto-Layout Diagrams

One-Call Flowcharts

Screenshot & Export

Interactive, Not Static

100% Local

Simple pricing

Give your AI the
power to draw