三种使用方式
在 AI 代理里
Claude Code、Cursor、Codex 和 VS Code 可以根据项目里的文件，在同一块画布上画图。
$ claude mcp add --scope user drawio -- npx @next-ai-drawio/mcp-server@latest示例
提示词，以及 AI 根据它们画出的图表。 在图库里查看全部示例
ResNet50 模型架构动画
提示词： Give me an animated architecture diagram of the ResNet50 model.
聊天应用的 RAG 架构
提示词： Generate a RAG architecture diagram for chat application. Use connected diagram for data ingestion
React 和 AWS 认证流程
提示词： Generate authentication process using React with AWS. Use Serverless architecture.
敏捷 Scrum 流程
提示词： Generate agile scrum workflow diagram for software development team.
开放式创新
提示词： Create visualization of Henry Chesbrough's Open Innovation model.
编辑器里还有
从图片开始
上传截图、白板照片、PDF 或网页，AI 会把它重画成可以编辑的图表。
真实的云图标
内置 AWS、Azure、GCP、Kubernetes、Cisco 等图形库，架构图用的是官方图标。
动画连接线
连接线可以显示流向，适合数据管道和请求路径。
对比版本
把任意版本和画布放在一起，看清改了什么，再决定恢复还是继续。
继续在 draw.io 里用
保存为 .drawio 文件后可以继续在 draw.io 里编辑，也可以导出 PNG 和 SVG。
自己部署
基于 Apache-2.0 开源。可以用 Docker、Cloudflare 部署，也可以完全离线运行。 部署指南
支持您正在用的 AI 服务商
在设置里选择服务商和模型，填入自己的 Key 即可。Key 只保存在您的浏览器里，不会存到服务器上。
- OpenAI
- Anthropic
- DeepSeek
- Qwen (Alibaba)
- Doubao (ByteDance)
- GLM (Zhipu)
- Kimi (Moonshot)
- MiniMax
- MiMo (Xiaomi)
- OpenRouter
- AIHubMix
- SiliconFlow
- ModelScope
- Novita AI
- Atlas Cloud
- Qiniu
- AI Gateway
- Amazon Bedrock
- Google Vertex AI
- Azure OpenAI
- EdgeOne Pages
- Ollama
- SGLang
- OpenAI-compatible
OpenAI
Anthropic
Google
DeepSeek
Qwen (Alibaba)
GLM (Zhipu)
Kimi (Moonshot)
MiniMax
MiMo (Xiaomi)
OpenRouter
AIHubMix
SiliconFlow
ModelScope
Novita AI
Qiniu
AI Gateway
Azure OpenAI
EdgeOne Pages
Ollama