Next AI Draw.io 简介

Next AI Draw.io 是一个基于 Next.js 的 Web 应用程序,它将人工智能能力与 draw.io 图表深度集成。该应用允许用户通过自然语言命令和 AI 辅助可视化来创建、修改和增强图表。它旨在提供一个 AI 驱动的图表创建工具,支持聊天、绘图和可视化功能。
GitHub 仓库:https://github.com/DayuanJiang/next-ai-draw-io
特点
该项目具备以下核心特点:
- LLM 驱动的图表创建:利用大型语言模型(LLM)直接通过自然语言命令创建和操作 draw.io 图表。
- 基于图像的图表复制:用户可以上传现有图表或图片,AI 将自动复制并增强它们。
- PDF 和文本文件上传:支持上传 PDF 文档和文本文件,以提取内容并从现有文档生成图表。
- AI 推理过程显示:对于支持的模型(如 OpenAI o1/o3, Gemini, Claude 等),可以查看 AI 的思考过程。
- 图表历史记录:提供全面的版本控制,跟踪所有更改,允许用户在 AI 编辑之前查看和恢复图表的先前版本。
- 交互式聊天界面:与 AI 进行实时沟通,以优化和完善图表。
- 云架构图支持:专门支持生成云架构图,包括 AWS、GCP 和 Azure。
- 动画连接器:在图表元素之间创建动态和动画连接器,以实现更好的可视化效果。
- 多提供商支持:支持多种 AI 提供商,包括 AWS Bedrock、OpenAI、Anthropic、Google AI、Azure OpenAI、Ollama、OpenRouter、DeepSeek 和 SiliconFlow。除了 AWS Bedrock 和 OpenRouter 外,所有提供商都支持自定义端点。
安装和使用方法
安装
Next AI Draw.io 提供了多种使用和安装方式。
使用方法
T1、在线试用 (Try it Online)
无需安装,可直接访问项目的演示网站进行体验。
注意:由于流量较高,演示网站目前使用 minimax-m2 模型。为获得最佳效果,建议使用 Claude Sonnet 4.5 或 Claude Opus 4.5 进行自托管。
自带 API Key (Bring Your Own API Key):用户可以在聊天面板的设置图标中配置自己的 AI 提供商和 API Key,以绕过演示网站的使用限制。您的密钥将本地存储在浏览器中,不会存储在服务器上。
T2、使用 Docker 运行 (推荐)
步骤 1:安装 Docker。
步骤 2:运行以下命令:
docker run -d -p 3000:3000 \
-e AI_PROVIDER=openai \
-e AI_MODEL=gpt-4o \
-e OPENAI_API_KEY=your_api_key \
ghcr.io/dayuanjiang/next-ai-draw-io:latest
或者,复制 env.example 到 .env 并编辑配置,然后运行:
cp env.example .env # 编辑 .env 文件
docker run -d -p 3000:3000 --env-file . ghcr.io/dayuanjiang/next-ai-draw-io:latest



