Give your AI the

power to draw

Architecture diagrams, flowcharts, sketches — generated from a single chat message. Whiteboard MCP gives AI a real canvas to think on.

14-day free trial · No credit card required

Claude Code

Works with your favorite tools

Up and running in 30 seconds

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

Claude Code Cursor VS Code Windsurf Zed OpenCode Antigravity Amp Other

Project-level (recommended)

.mcp.json in your project root

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

Global (available in all projects)

~/.claude.json

Restart your editor, then try it

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

↻ Try another

Add to Cursor MCP config

.cursor/mcp.json (project root)

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

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

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)

Cline

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

Amazon Q Developer

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

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

Contact Us

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

How do I activate my license key? ▾