在流程图与架构图设计领域,draw.io(即 diagrams.net)长期以来深受开发者和产品经理的青睐。如今,一款名为 next-ai-draw-io 的开源项目,将这款经典工具与生成式 AI 技术深度融合,开创了“对话式绘图”的全新体验。该项目基于 Next.js 构建,在原生编辑器中集成了大语言模型(如 GPT、Claude 等),用户只需通过自然语言描述,即可自动生成、修改或优化各类图表。该项目在 GitHub 上热度颇高,值得广大技术从业者关注。

基础功能
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 都能大幅降低手动拖拽调整的时间成本。概括而言,它将绘图这件事从“手动拖拽”转变为“自然语言对话”,极大提升了效率。
