阿里云宝塔服务器安装

在数字化办公与开发场景中，图表是传递信息、梳理逻辑的核心工具。无论是系统架构图、业务流程图，还是产品原型草图，传统制作方式往往依赖专业设计工具，不仅操作复杂、耗时费力，还对使用者的专业技能有一定要求。非技术人员想要快速画出规范的图表，或是开发者在赶项目时快速生成架构图，都面临着门槛高、效率低的痛点。而现有 AI 绘图工具多聚焦于创意绘画，对专业图表的结构化支持不足，难以满足办公与开发场景的精准需求。

Next AI Draw.io 的出现恰好填补了这一空白。作为一款开源的 AI 驱动图表工具，它将大语言模型 LLM 的自然语言理解能力与 draw.io 的专业图表渲染能力深度融合，让用户无需掌握复杂操作，仅凭文字描述就能生成、修改规范图表。这款开源项目不仅免费开放全部核心功能，还支持多场景适配与二次开发，为个人用户、企业团队提供了高效、灵活的图表解决方案，极大降低了专业图表的创作门槛，推动了 AI 辅助办公的普及。

简介

Next AI Draw.io 是由开发者 DayuanJiang 打造的一款基于 Next.js 框架的网页应用，代码托管于 GitHub 平台（仓库地址：https://github.com/DayuanJiang/next-ai-draw-io），采用 Apache 2.0 开源协议。项目的核心定位是 AI 驱动的图表创建工具，通过 对话-绘制-可视化 的闭环流程，实现专业图表的快速创作与优化。其技术栈以 Next.js 为前端框架与路由核心，整合 Vercel AI SDK 实现多 AI 提供商支持与流式响应，通过 react-drawio 组件完成图表的渲染与操作，整体架构轻量且扩展性强。

Next AI Draw.io 的核心用途是解决各类场景下的图表创作需求，尤其擅长结构化、专业化图表的生成与编辑。其核心功能覆盖多个维度：LLM 驱动的图表创建让用户通过自然语言命令直接生成 draw.io 规范图表；基于图像的图表复制功能支持上传现有图表或图片，由 AI 自动复刻并优化细节；PDF 与文本文件上传功能可提取文档内容，自动转化为逻辑清晰的图表；针对云原生场景，专门支持 AWS、GCP、Azure 三大云平台的架构图生成，且适配对应平台专属图标；动画连接器功能能为图表元素添加动态连接效果，提升可视化体验；此外，项目还提供图表历史版本控制、AI 推理过程可视化、交互式聊天界面等实用功能，全方位覆盖图表创作的全流程需求。

在应用场景上，Next AI Draw.io 展现出极强的通用性。对于开发者而言，它可快速生成系统架构图、接口流程图、用户认证流程等技术图表，尤其适合在需求评审、技术方案汇报时快速迭代图表版本；对于职场办公人士，无论是项目管理中的甘特图、业务流程梳理中的逻辑图，还是汇报演示中的数据可视化图表，都能通过简单文字描述快速生成；对于学生群体，可用于课程作业中的思维导图、实验流程图制作，降低学习成本；而在 AI 代理集成场景中，通过 MCP 服务器协议，它还能与 Claude Desktop、VS Code、Cursor 等工具联动，让 AI 直接在第三方平台中生成图表并实时展示，拓展了使用边界。

使用

苏州阿里云服务器选购

Next AI Draw.io 提供了在线演示站点（https://next-ai-drawio.jiang.jp/zh），无需任何安装部署操作，即可直接体验核心功能。由于访问量较大，站点默认使用 minimax-m2 模型。如需获得最佳效果，建议使用 Claude Sonnet 4.5 或 Claude Opus 4.5 自行部署。

在演示站点中，用户可直接在左侧聊天输入框中输入自然语言提示词生成图表。例如输入 使用 AWS 图标生成一个 AWS 架构图，用户连接到托管在实例上的前端，AI 将自动生成符合要求的架构图，并在右侧画布中展示。若需突破演示站点的用量限制，可点击聊天面板中的设置图标，配置自己的 AI 提供商与 API Key—— 该 Key 仅保存在浏览器本地，不会上传至服务器，保障信息安全。

若需在本地长期使用，或追求更稳定的性能，推荐使用 Docker 部署。打开终端，输入以下命令，替换对应的环境变量参数即可快速启动服务：

dockerrun -d -p3000:3000 -e AI_PROVIDER=openai 可选值：bedrock、openai、anthropic、google、azure、ollama等-e AI_MODEL=gpt-4o 对应提供商的支持模型，如claude-sonnet-4-5、gemini-1.5-pro等-e OPENAI_API_KEY=your_api_key 替换为你的API Key-e ACCESS_CODE_LIST=your_password 可选，设置访问密码，多个密码用逗号分隔ghcr.io/dayuanjiang/next-ai-draw-io:latest

长期部署更推荐使用环境变量文件进行配置，配置示例如下：

阿里云的服务器规模

AI提供商配置AI_PROVIDER=anthropicAI_MODEL=claude-sonnet-4-5API密钥配置（根据提供商填写）ANTHROPIC_API_KEY=your_anthropic_api_key可选配置TEMPERATURE=0.3模型温度，0为确定性输出，仅支持部分模型ACCESS_CODE_LIST=admin123,user456访问密码，必填，避免他人滥用离线部署配置（若embed.diagrams.net被屏蔽时启用）NEXT_PUBLIC_DRAW_IO_BASE_URL=https://your-local-drawio-instance

配置完成后，执行以下命令启动容器：

dockerrun-d-p3000:3000--env-file.envghcr.io/dayuanjiang/next-ai-draw-io:latest

启动成功后，打开浏览器输入http://localhost:3000，即可访问本地部署的 Next AI Draw.io 应用，输入设置的访问密码（ACCESS_CODE_LIST 配置的值）即可登录使用。

【基础图表生成】

登录应用后，右侧为图表画布，左侧为聊天交互面板，在输入框中输入自然语言提示词，例如：提示词 1（Transformer 架构图）：给我一个带有动画连接器的 Transformer 架构图，包含编码器、解码器、多头注意力机制模块提示词 2（流程图）：创建一个用户认证流程图，包含登录、手机验证码 MFA 验证、会话创建、权限校验四个步骤提示词 3（猫咪素描）：画一只可爱的猫咪，线条简洁，适合作为 PPT 插图输入完成后点击发送按钮，AI 将实时处理请求，在右侧画布中生成对应的图表。生成过程中，可通过聊天面板查看 AI 推理过程（支持 OpenAI o1/o3、Gemini、Claude 等模型），了解图表生成的逻辑。

【基于文件生成图表】

上传图片：点击聊天输入框下方的 上传文件 按钮，选择本地的图表图片（如 PNG、JPG 格式），上传完成后输入提示词：复制这张图片中的图表，并优化排版，增加清晰的标注，AI 将复刻图片中的图表结构，并进行优化。上传 PDF：选择本地 PDF 文件上传，输入提示词：提取该 PDF 文档第 3-5 页的核心内容，生成一个逻辑思维导图，AI 将解析 PDF 内容，自动提炼关键信息并生成思维导图。上传文本文件：上传 TXT 或 MD 格式的文本文件，输入提示词：根据文本中的业务流程描述，生成对应的泳道图，区分用户、前端、后端、数据库四个角色，AI 将基于文本逻辑生成结构化泳道图。

【云架构图生成】

Next AI Draw.io 针对云平台架构图提供专项支持，以 AWS 为例：

在.env.local 中配置 AI_PROVIDER=anthropic，AI_MODEL=claude-sonnet-4-5（该模型针对 AWS 图标有专项训练，效果最佳）。输入提示词：使用 AWS 官方图标生成一个电商系统架构图，用户通过 CloudFront CDN 访问，前端部署在 S3，后端服务运行在 ECS，数据存储使用 RDS 和 DynamoDB，缓存使用 ElastiCache。发送后，AI 将生成包含 AWS 专属图标的架构图，各组件的连接关系清晰，符合云架构设计规范，可直接用于技术方案汇报。

总结

Next AI Draw.io 作为一款开源的 AI 图表工具，凭借其强大的功能组合与灵活的部署方式，彻底改变了传统图表创作的模式。它以 Next.js 为技术基石，整合多 AI 提供商的能力与 draw.io 的专业图表渲染能力，实现了自然语言输入→AI 生成 / 修改→专业图表输出 的全流程闭环。核心功能不仅覆盖了基础图表生成、文件解析转化、云架构图专项支持，还提供了版本控制、动画效果、AI 推理可视化等增值功能，同时支持 Docker 部署、本地源码安装、在线试用等多种使用方式，满足不同用户的场景需求。无论是非专业用户的快速绘图需求，还是开发者的技术图表创作、AI 代理集成需求，都能通过这款工具得到高效满足。

Next AI Draw.io 的开源属性为其赋予了无限的拓展可能。个人用户可免费使用核心功能，企业团队可基于源码进行二次开发，适配内部业务场景，开发者社区的贡献也将持续推动项目迭代优化。它不仅降低了专业图表的创作门槛，让更多人能够快速产出规范、美观的图表，还通过 AI 技术提升了图表创作的效率与灵活性，为办公协作、技术研发、学习教育等多个领域注入了新的活力。

湖南工业服务器云主机