Next AI Draw.io一句话画出云架构图自然语言绘图工具【免费下载链接】next-ai-draw-ioA next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.项目地址: https://gitcode.com/GitHub_Trending/ne/next-ai-draw-ioNext AI Draw.io 是一个把 draw.io 接到对话里的 Next.js 网页应用你在聊天框里说一句需求它直接产出可编辑的 draw.io 图不用自己拖框、连线、对齐网格。如果你开会、写文档、备课时经常要出架构图或流程图又不想花时间学绘图工具这套东西就是替你动手的那个。它生成的不是图片是标准 draw.io XML导出后还能在 draw.io 里继续手改或者发给同事接着画。一句话说清它是什么把 draw.io 变成一个会听话的画板自然语言出图用一句中文或英文描述需求AI 直接生成 draw.io XML图片复刻上传截图或旧图AI 把它重画并增强成可编辑版本文档转图上传 PDF 或文本文件自动提取内容并整理成图版本回滚每次 AI 改动都留痕可恢复到任意一版之前的状态多模型接 OpenAI、Anthropic、Google、字节跳动豆包等 16 家以上 AI 提供商30 秒上手入口有三个官方 Demo 站免安装可自带 API Key 解除用量限制、桌面应用Windows / macOS / Linux 三平台以及 Docker 自部署。最可控的是 Docker1 条命令docker run -d -p 3000:3000 \ -e AI_PROVIDERopenai \ -e AI_MODELgpt-4o \ -e OPENAI_API_KEY你的值 \ ghcr.io/dayuanjiang/next-ai-draw-io:latest首次运行要拉镜像一般 12 分钟然后浏览器打开 http://localhost:3000 即可。最常见的第一个坑是AI 只思考不画图原因通常是模型太小建议 32B 参数以上或模型服务没开 tool calling。它真正好用的几个场景后端同学把口头描述变成可评审的架构图你输入画一个 AWS 高可用架构包含负载均衡器、3 台 EC2 实例和 RDS 数据库它输出带 AWS 官方组件图标和完整连线关系的云架构图。自然语言生成架构图是它最能打的环节Claude 系列在云厂商图标上训练过出图最稳。产品同学丢一份文档AI 画流程图你输入上传 PDF 需求文档附一句把订单处理流程整理成流程图要包含库存检查和支付验证它输出一张每个步骤、分支、终点都是可编辑节点的完整流程图不用逐字口述内容。老师把课本概念变成课件插图你输入画一个灯泡故障排查流程图每步检查都要有是/否判断它输出主干清晰、判断分支分明的排查图直接粘进课件就能用。配置与扩展按需选读选项默认值什么时候改它AI_PROVIDERbedrock用非 AWS 的提供商openai / anthropic / google / doubao 等AI_MODELbedrock 的 claude-sonnet-4-5想换模型或逗号分隔填多个做候选MAX_OUTPUT_TOKENS64000大图被截断、输出不完整时ADMIN_PASSWORD不设置面板禁用要开 /admin 面板在线管模型、访问码、配额NEXT_PUBLIC_DRAWIO_BASE_URLembed.diagrams.net离线内网要指向自建 draw.io大多数人不用碰这张表任选一个提供商和 1 个能画的模型就能用。团队部署时设一下ADMIN_PASSWORD就能在/admin页面里改模型、访问码和配额保存即生效、不用重启。技术侧一瞥给想深挖的人app/api/chat/route.ts聊天请求入口用 Vercel AI SDK 做流式响应并对接绘图工具调用lib/ai-providers.ts16 家以上 AI 提供商的适配层统一各家 key 和 endpoint 差异lib/system-prompts.ts与lib/validation-prompts.ts系统提示词与校验提示词约束模型写出合法的 draw.io XMLlib/diagram-validator.ts渲染前校验 AI 产出的 XML挡住残缺输出packages/mcp-server/把绘图操作封装成 MCP 服务器Claude Desktop、Cursor、VS Code 里的 AI agent 可直接驱动它画图踩坑提醒PDF 导出没反应Web 版点导出 PDF 后卡住因为嵌入的 iframe 调不到外部转换服务先导出 PNG再打印转 PDF。内网部署打不开画布NEXT_PUBLIC_*是构建时变量运行时设置无效必须在 docker build 的 args 里传入指向自建 draw.io 地址。模型只思考不画图本地小模型跟不上 tool calling 指令换 32B 以上参数的模型并在 vLLM 等服务端开启 tool calling。接下来你可以读 AI 提供商配置指南选一个最适合你的模型翻 常见问题离线部署、图片识别的限制都写在那本地跑起来git clone https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io然后npm install和npm run dev端口 6002画板已经备好你只差一句话。【免费下载链接】next-ai-draw-ioA next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.项目地址: https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Next AI Draw.io：一句话画出云架构图，自然语言绘图工具
Next AI Draw.io一句话画出云架构图自然语言绘图工具【免费下载链接】next-ai-draw-ioA next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.项目地址: https://gitcode.com/GitHub_Trending/ne/next-ai-draw-ioNext AI Draw.io 是一个把 draw.io 接到对话里的 Next.js 网页应用你在聊天框里说一句需求它直接产出可编辑的 draw.io 图不用自己拖框、连线、对齐网格。如果你开会、写文档、备课时经常要出架构图或流程图又不想花时间学绘图工具这套东西就是替你动手的那个。它生成的不是图片是标准 draw.io XML导出后还能在 draw.io 里继续手改或者发给同事接着画。一句话说清它是什么把 draw.io 变成一个会听话的画板自然语言出图用一句中文或英文描述需求AI 直接生成 draw.io XML图片复刻上传截图或旧图AI 把它重画并增强成可编辑版本文档转图上传 PDF 或文本文件自动提取内容并整理成图版本回滚每次 AI 改动都留痕可恢复到任意一版之前的状态多模型接 OpenAI、Anthropic、Google、字节跳动豆包等 16 家以上 AI 提供商30 秒上手入口有三个官方 Demo 站免安装可自带 API Key 解除用量限制、桌面应用Windows / macOS / Linux 三平台以及 Docker 自部署。最可控的是 Docker1 条命令docker run -d -p 3000:3000 \ -e AI_PROVIDERopenai \ -e AI_MODELgpt-4o \ -e OPENAI_API_KEY你的值 \ ghcr.io/dayuanjiang/next-ai-draw-io:latest首次运行要拉镜像一般 12 分钟然后浏览器打开 http://localhost:3000 即可。最常见的第一个坑是AI 只思考不画图原因通常是模型太小建议 32B 参数以上或模型服务没开 tool calling。它真正好用的几个场景后端同学把口头描述变成可评审的架构图你输入画一个 AWS 高可用架构包含负载均衡器、3 台 EC2 实例和 RDS 数据库它输出带 AWS 官方组件图标和完整连线关系的云架构图。自然语言生成架构图是它最能打的环节Claude 系列在云厂商图标上训练过出图最稳。产品同学丢一份文档AI 画流程图你输入上传 PDF 需求文档附一句把订单处理流程整理成流程图要包含库存检查和支付验证它输出一张每个步骤、分支、终点都是可编辑节点的完整流程图不用逐字口述内容。老师把课本概念变成课件插图你输入画一个灯泡故障排查流程图每步检查都要有是/否判断它输出主干清晰、判断分支分明的排查图直接粘进课件就能用。配置与扩展按需选读选项默认值什么时候改它AI_PROVIDERbedrock用非 AWS 的提供商openai / anthropic / google / doubao 等AI_MODELbedrock 的 claude-sonnet-4-5想换模型或逗号分隔填多个做候选MAX_OUTPUT_TOKENS64000大图被截断、输出不完整时ADMIN_PASSWORD不设置面板禁用要开 /admin 面板在线管模型、访问码、配额NEXT_PUBLIC_DRAWIO_BASE_URLembed.diagrams.net离线内网要指向自建 draw.io大多数人不用碰这张表任选一个提供商和 1 个能画的模型就能用。团队部署时设一下ADMIN_PASSWORD就能在/admin页面里改模型、访问码和配额保存即生效、不用重启。技术侧一瞥给想深挖的人app/api/chat/route.ts聊天请求入口用 Vercel AI SDK 做流式响应并对接绘图工具调用lib/ai-providers.ts16 家以上 AI 提供商的适配层统一各家 key 和 endpoint 差异lib/system-prompts.ts与lib/validation-prompts.ts系统提示词与校验提示词约束模型写出合法的 draw.io XMLlib/diagram-validator.ts渲染前校验 AI 产出的 XML挡住残缺输出packages/mcp-server/把绘图操作封装成 MCP 服务器Claude Desktop、Cursor、VS Code 里的 AI agent 可直接驱动它画图踩坑提醒PDF 导出没反应Web 版点导出 PDF 后卡住因为嵌入的 iframe 调不到外部转换服务先导出 PNG再打印转 PDF。内网部署打不开画布NEXT_PUBLIC_*是构建时变量运行时设置无效必须在 docker build 的 args 里传入指向自建 draw.io 地址。模型只思考不画图本地小模型跟不上 tool calling 指令换 32B 以上参数的模型并在 vLLM 等服务端开启 tool calling。接下来你可以读 AI 提供商配置指南选一个最适合你的模型翻 常见问题离线部署、图片识别的限制都写在那本地跑起来git clone https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io然后npm install和npm run dev端口 6002画板已经备好你只差一句话。【免费下载链接】next-ai-draw-ioA next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.项目地址: https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
