
Whiteboard MCP
from mackenzienolan
A complete whiteboard app with bundled MCP server
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
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? โพ
# Run the server directly
$ npx -y whiteboard-mcp
# Or add to your MCP client's config:
command: npx
args: ["-y", "whiteboard-mcp"]
transport: stdioUp 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.
No common issues documented yet. If you hit a problem, the repository's GitHub Issues page is the best place to look.