用途:通过 Excalidraw MCP 服务器在浏览器中实时渲染的 Excalidraw 画布上绘制和编辑图表,画布在多次调用间保持状态。适用于架构图、流程图、数据流、系统设计、思维导图、时序图,以及导出 PNG、SVG、.excalidraw 文件或分享链接。
必要配置:需在 .vscode/mcp.json 中添加 excalidraw 服务器:{"servers":{"excalidraw":{"type":"http","url":"https://mcp.excalidraw.com"}}}。若工具不可用,需提示用户添加服务器并重载 VS Code。
主要工具:read_diagram_guide 获取配色与尺寸规则;batch_create_elements 批量创建元素;get_canvas_screenshot 截图验证;clear_canvas 清空画布;set_viewport 缩放适配;create_from_mermaid 快速生成简单流程;update_element 小幅修改;export_to_image、export_scene、export_to_excalidraw_url 导出;describe_scene 审计画布。
使用方式:简单顺序流程(3–8 节点)可用 create_from_mermaid 快速生成;复杂图表走批量路径:先 read_diagram_guide,再 clear_canvas 并截图确认空画布,规划布局后一次性 batch_create_elements,截图验证,必要时迭代,最后 set_viewport 并导出。箭头绑定需与目标形状在同一批次创建,删除形状时须同批删除并重绘其绑定箭头。
限制与规则:形状标签字号不低于 16,标题不低于 24,任何文字不低于 14;带标签箭头列间距至少 150px;填充色不超过 4 种;区域背景需先于其内容放置且透明度 25–40、虚线描边;相机尺寸限 400×300、600×450、800×600、1200×900、1600×1200。编辑绑定箭头建议删除重绘而非 update_element。