next-ai-draw-io是一个在github上非常热门的开源绘图工具,它巧妙地将draw.io的图表编辑能力与大语言模型(LLM)结合在了一起。在流程图、架构图、思维导图等专业图表的绘制领域,也称digrams.net一直是许多开发者和产品经理的首选工具。而 next-ai-draw-io 的出现,将这款经典工具与生成式AI能力深度结合,带来了全新的“对话式绘图”体验。
简单来说,next-ai-draw-io 是一个基于 Next.js 构建的 Web 应用,它在原生 编辑器的基础上,接入大语言模型(如GPT、Claude等),让用户通过自然语言描述即可自动生成、修改或优化图表。
工具下载
下载地址见个人主页简介,搜索关键词下载即可。

基础功能
1. 自然语言生成图表
你只需输入一段文字描述,比如“画一个微服务架构图,包含网关、用户服务、订单服务和消息队列”,AI便会自动生成对应的 XML 代码,并在画布上渲染出完整图表。
2. 增量式修改与对话迭代
不像其他工具只能一次生成,next-ai-draw-io 支持多轮对话。你可以接着说“把用户服务和订单服务之间的连线改成红色”,或者“在网关前面加一个 CDN 节点”,AI会基于当前图表进行精准修改。
3. 双向编辑
既可以通过文字指令控制图表,也可以手动拖拽调整节点,手动操作后还能继续用对话指令进行后续修改——两种交互方式无缝融合。
4. 一键导出与集成
支持导出为 PNG、SVG 或 原生 XML 格式,方便嵌入到文档、Wiki 或代码仓库中。
亮点特色
亮点一:保持 原生体验
不同于完全重构的绘图工具,next-ai-draw-io 直接封装了官方 编辑器。这意味着所有你熟悉的快捷键、样式库、模板都保留,学习成本几乎为零。
亮点二:复杂图表的精准控制
很多AI绘图工具生成简单流程图尚可,但面对多层级、多分支的复杂图表容易出错。next-ai-draw-io 借助结构化的 XML 生成逻辑,能较好地保持节点间的连接关系和层级结构,支持生成包含上百个节点的架构图。
亮点三:私有化部署与自定义模型
由于项目完全开源(MIT协议),你可以将其部署在自己的服务器上,并配置接入公司内部的私有大模型或 API。对于处理敏感数据的场景,这一点尤为重要。
亮点四:一键“美化”与布局优化
内置布局算法,对于AI生成的略显杂乱的图表,可以一键自动排布节点,让连线更清晰、层次更分明。
适用场景
无论是产品经理快速输出原型流程图,开发人员绘制系统架构图,还是教育工作者制作课程思维导图,next-ai-draw-io 都能大幅降低手动拖拽调整