Next AI Draw.io：用对话画图，32k Star 的开源绘图工具

文章目录Next AI Draw.io用对话画图32k Star 的开源绘图工具能做什么技术栈模型支持怎么用部署适合谁Next AI Draw.io用对话画图32k Star 的开源绘图工具DayuanJiang 开发的 Next AI Draw.ioStar 数已经突破 32,000。这是一个基于 Next.js 的 Web 应用把 AI 和 draw.io 做了结合。你用自然语言描述需求它直接生成对应的图表。不用手动拖拽组件不用对着空白画布发呆。告诉它画一个用户登录流程图几秒钟就有结果。能做什么这个工具的核心能力有几项AI 对话绘图。你在聊天框里输入文字描述AI 解析后生成 draw.io 格式的 XML图表实时渲染出来。流程图、架构图、思维导图都支持。图片识别复制。上传一张已有的图表或图片AI 会识别内容自动重建为可编辑的 draw.io 图表。这个功能对需要统一图表风格的团队比较实用。PDF 和文本提取。上传 PDF 或文本文件AI 从文档中提取结构信息转换成图表。适合把长篇文档快速可视化。历史版本。每次 AI 编辑图表都有记录可以查看修改前的版本也能随时回退。动画连接线。图表元素之间的连接线可以设置动画效果演示时更直观。云架构图支持。对 AWS、GCP、Azure 的云架构图有专门优化。如果用 Claude 系列模型效果会更好因为这些模型在 draw.io 的云架构图标上做过训练。技术栈前端框架用的 Next.jsAI 流式响应和多模型支持靠 Vercel AI SDK图表渲染用 react-drawio。整体架构比较清晰。它还提供了 MCP Server可以和 Claude Desktop、Cursor、VS Code 这些 AI 编辑器集成。配置很简单在 MCP 配置里加一段就行然后直接让 AI 帮你画图。模型支持支持的 AI 模型很多列几个主要的OpenAI、Anthropic Claude、Google Gemini、DeepSeek、字节豆包、Azure OpenAI、Ollama、OpenRouter 等一共 15 个以上。大部分模型都支持自定义 API 端点。管理员可以在服务端配置多个模型普通用户不需要自己有 API Key 就能用。还有管理后台通过网页面板就能调整模型、访问码、配额这些设置。推荐用 Claude Sonnet 4.5、GPT-5.1、Gemini 3 Pro、DeepSeek V3.2 这几个模型生成长文本和严格格式约束的能力比较强。怎么用在线体验。直接访问 demo 站点就能用不用安装任何东西。自带 API 额度也可以在设置里填自己的 Key 绕过限制。桌面应用。Windows、macOS、Linux 都有原生客户端从 Releases 页面下载安装。Docker。支持 Docker 部署适合需要隔离环境的场景。本地开发。克隆仓库npm install配好 .env.localnpm run dev 就跑起来了。部署部署方式比较灵活。Vercel 一键部署Cloudflare Workers 也支持腾讯 EdgeOne Pages 同样可以一键部署。EdgeOne 部署还附送 DeepSeek 模型的每日免费额度。适合谁经常需要画技术架构图的开发者、需要快速把文档内容可视化的团队、做演示汇报时需要清晰图表的人都可以试试。它把画图这件事的门槛降了不少从手动拼变成说句话就行。视化的团队、做演示汇报时需要清晰图表的人都可以试试。它把画图这件事的门槛降了不少从手动拼变成说句话就行。