Next AI Draw.io

约 775 字大约 3 分钟

2026-01-12

Next AI Draw.io 是一个基于 Next.js 开发的 AI 驱动的图表创建工具，它集成了 AI 能力与 draw.io，允许用户通过自然语言命令来创建、修改和增强图表。

核心特性

LLM 驱动图表创建：利用大语言模型（LLM）通过自然语言指令直接生成和操作 draw.io 图表。
图像复制与增强：支持上传现有的图表或图像，AI 能够自动识别、复制并进行增强。
文档生成图表：支持上传 PDF 文档或文本文件，AI 提取内容并自动生成相应的图表。
AI 推理展示：支持展示 AI 的思考过程（适配 OpenAI o1/o3, Gemini, Claude 等模型）。
版本控制：提供全面的图表历史记录，支持查看和恢复到任意历史版本。
交互式聊天：通过实时聊天界面与 AI 沟通，逐步完善和调整图表细节。
云架构图支持：专门针对 AWS、GCP、Azure 等云平台架构图进行优化支持。
动画连接器：支持创建动态和带动画效果的连接线，增强可视化效果。

模型支持

支持多种主流 AI 模型提供商：

ByteDance Doubao
AWS Bedrock (默认)
OpenAI
Anthropic
Google AI
Azure OpenAI
Ollama
OpenRouter
DeepSeek
SiliconFlow
ModelScope
SGLang
Vercel AI Gateway

技术实现

该项目主要采用以下技术栈：

Next.js：作为前端框架和路由管理。
Vercel AI SDK：用于处理流式 AI 响应和多模型支持。
react-drawio：用于图表的渲染和交互操作。

图表以 XML 格式存储（draw.io 标准），AI 解析用户指令后生成或修改对应的 XML 数据。

部署与使用

在线体验

可以直接访问演示站点：Live Demo

桌面应用

提供 Windows, macOS, Linux 版本的桌面客户端下载。

自行部署

支持多种部署方式：

Docker：支持使用 Docker 容器化部署。详情见下文 Docker 部署指南。
EdgeOne Pages：支持一键部署到腾讯云 EdgeOne Pages。
Vercel：支持部署到 Vercel 平台。
Cloudflare Workers：支持部署到 Cloudflare Workers。

Docker 部署指南

如果您想在本地运行，推荐使用 Docker。

安装 Docker：确保系统已安装 Docker。

直接运行命令：

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

使用环境变量文件运行：

# 复制示例配置文件
cp env.example .env

# 编辑 .env 文件配置相关环境变量(AI_PROVIDER, OPENAI_API_KEY 等)

# 启动容器
docker run -d -p 3000:3000 --env-file .env ghcr.io/dayuanjiang/next-ai-draw-io:latest

访问应用：启动成功后，打开浏览器访问 http://localhost:3000。

离线部署提示：如果您的网络无法访问 embed.diagrams.net，请参考官方文档中的离线部署配置说明。

MCP Server (预览)

支持作为 MCP (Model Context Protocol) Server 运行，可集成到 Claude Desktop, Cursor, VS Code 等 AI 代理工具中，实现在编辑器内直接生成图表。