Whiteboard MCP

Claude Code

Funciona com suas ferramentas favoritas

Configurado e rodando em 30 segundos

Requer Node.js 18+ (para npx). A maioria dos desenvolvedores já possui isso.

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

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

Reinicie seu editor e tente novamente

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

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

Adicionar à configuração MCP do VS Code

{
  "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 (raiz do projeto) ou ~/.config/opencode/opencode.json (global)

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

Nota: O OpenCode usa "mcp" (não "mcpServers") e o comando é um 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"]
    }
  }
}

Configurações > Servidores MCP > Editar MCP Global (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

Precisa de ajuda? Envie um e-mail para nós — ajudaremos você a configurar gratuitamente.

Tudo o que sua IA precisa para desenhar

✎

Kit Completo de Desenho

Retângulos, elipses, losangos, setas, caminhos à mão livre, texto, imagens. Tudo o que você esperaria de um quadro branco de verdade.

◆

Diagramas com Layout Automático

Defina nós e conexões. O Whiteboard MCP cuida do layout, espaçamento e roteamento de setas automaticamente.

☵

Fluxogramas com Uma Única Chamada

Uma única chamada create_flowchart gera um diagrama completo a partir de uma definição de grafo. Sem necessidade de ajustar pixels.

📷

Captura de Tela e Exportação

Exporte como PNG, SVG ou JSON. A IA pode tirar capturas de tela para verificar seu trabalho antes de continuar.

⇄

Interativo, Não Estático

Isto não é um gerador de diagramas Mermaid. É um canvas ao vivo com o qual você trabalha em conjunto. Desenhe junto com a IA, arraste elementos, peça para ela modificar o que desenhou. Barra de ferramentas completa com ferramentas manuais de desenho também.

🔒

100% Local

Tudo roda na sua máquina. Sem nuvem, sem contas, sem dados saindo do seu sistema. Apenas um servidor MCP local.

Preço simples

Compre uma vez, possua para sempre. Sem assinaturas.

Solo

$29

Pagamento único. Atualizações vitalícias.

• Todas as 30+ ferramentas de desenho e diagramas
• Fluxogramas com layout automático e diagramas de arquitetura
• Exportação em PNG, SVG, JSON
• Funciona com Claude Code, Cursor, VS Code e mais
• Atualizações vitalícias
• Comunidade privada no Discord de pessoas criando coisas legais com IA

Equipe

$99

10 licenças incluídas. +$9 por assento adicional.

• Todas as 30+ ferramentas de desenho e diagramas
• Fluxogramas com layout automático e diagramas de arquitetura
• Exportação em PNG, SVG, JSON
• Funciona com Claude Code, Cursor, VS Code e mais
• Atualizações vitalícias
• Comunidade privada no Discord
• 10 chaves de licença para sua equipe
• Gerenciamento de licenças em massa
• Suporte pessoal de integração
• $9 por assento adicional após 10