还在为画一张清晰的系统架构图反复拖拽形状、调整连线而头疼？还在对着draw.io复杂的工具栏发呆，却写不出专业级的UML时序图？Next AI Draw.io 是一款基于 Next.js 的开源智能绘图工具，它把大模型能力深度融入经典 draw.io 图形编辑器——你只需用中文（或英文）像聊天一样描述需求，AI 就能自动生成、优化甚至重绘图表。告别繁琐操作，让技术表达回归思考本身。
核心功能
- 一句话生成图表：输入“画一个用户登录流程图，包含前端、API网关、认证服务和数据库”，AI 自动构建带标准符号和逻辑流向的专业流程图
- 自然语言实时编辑：选中已有图形后输入“把数据库改成 PostgreSQL 并添加主从标识”，AI 精准识别上下文并完成修改，无需手动切换工具
- 智能美化与重构：上传手绘草图或杂乱布局后，输入“自动对齐、按分层架构重新排布、统一配色”，AI 一键输出出版级可视化效果
- 多模态理解支持：不仅能解析文字指令，还可结合截图/粘贴的代码片段（如一段 Spring Boot 配置），自动生成对应微服务依赖图
- 全本地化中文体验：内置完整中文文档、界面提示与错误反馈，支持简体中文指令理解，对国内开发者零学习门槛
- 开箱即用的高性能演示站：官方托管站点已接入字节跳动豆包（Doubao）提供的 GLM-4.7 大模型，响应快、理解准、无需配置即可体验全部AI能力
适合哪些人用
这款工具特别适合需要高频产出技术图表的中国开发者与技术团队：前端工程师可快速绘制组件通信图；后端工程师能自动生成分布式链路图；运维人员轻松梳理K8s集群拓扑；产品经理用自然语言描述业务流程，立刻获得可评审的原型图；高校师生在教学中演示算法逻辑、网络协议交互也变得直观高效。哪怕你从未用过 draw.io，也能在5分钟内上手产出专业图表。
快速上手
无需安装！直接访问 在线演示站 即可免费使用全部AI功能（已预置GLM-4.7模型）。如需私有化部署：克隆 GitHub 仓库后执行 npm install && npm run dev，本地启动仅需30秒；若想对接自有大模型（如Qwen、DeepSeek或本地Ollama），只需在环境变量中配置 NEXT_PUBLIC_AI_API_URL 和密钥，文档提供详细适配指南。所有图表默认保存在浏览器本地，导出支持 PNG/SVG/PDF 及 draw.io 原生格式，无缝兼容企业现有协作流程。
项目信息
DayuanJiang/next-ai-draw-io
GitHub
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through n
TypeScript | ⭐ 33301 Star | Apache-2.0 开源协议 | GitHub 项目地址
这是一款真正把AI“做进工具缝里”的国产精品——不炫技、不设限，让每个技术人都能用最熟悉的语言，画出最专业的图。
