Next AI Draw.io入门教程：用自然语言轻松创建专业图表

转载于 2025-12-20 00:05:16 发布 · 1 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://ai225.com/article/next-ai-draw-io-introduction

文章标签：

#人工智能 #draw.io

AI项目专栏收录该内容

17 篇文章

订阅专栏

原文链接：https://ai225.com/article/next-ai-draw-io-introduction

Next AI Draw.io是一个令人印象深刻的开源项目，它将AI技术与流行的draw.io图表工具完美结合，让图表创建变得前所未有的简单和高效。通过自然语言命令，你就能创建各种专业图表，无需手动绘制每个元素。

项目地址：https://github.com/DayuanJiang/next-ai-draw-io
在线体验：https://next-ai-drawio.jiang.jp/

什么是Next AI Draw.io？

Next AI Draw.io是由开发者DayuanJiang创建的一个Next.js应用程序，它将大型语言模型(LLM)的能力与draw.io图表编辑器集成在一起。通过这个工具，用户可以使用自然语言命令来创建、修改和增强各种类型的图表，无需手动绘制每个元素。

核心功能特点

1. 自然语言创建图表

Next AI Draw.io最强大的功能是能够理解自然语言命令并生成相应的图表。用户只需用简单的文字描述想要创建的图表，AI就能自动生成对应的draw.io图表。

示例提示词：

"给我一个带有动画连接器的Transformer架构图"
"使用AWS图标生成一个AWS架构图，用户连接到托管在实例上的前端"
"创建一个展示用户认证流程的流程图，包含登录、MFA和会话管理"

2. 多种输入方式

文本命令：直接输入自然语言描述
图像上传：上传现有图表或图像，AI可以复制和增强
PDF和文本文件上传：从文档中提取内容生成图表

3. AI推理过程显示

对于支持的模型（如OpenAI o1/o3、Gemini、Claude等），用户可以查看AI的思考过程，了解图表是如何生成的，这对于学习和调试非常有帮助。

4. 图表历史记录

系统提供全面的版本控制，跟踪所有更改，允许用户查看和恢复之前的图表版本，确保不会丢失任何工作成果。

5. 交互式聊天界面

通过与AI实时对话来完善图表，用户可以逐步调整和优化图表，直到满足需求。

6. 云架构图专门支持

特别优化了对云架构图的支持，包括AWS、GCP和Azure等主流云平台的图标和元素，非常适合技术文档和架构设计。

快速开始

在线试用

无需安装，直接访问 https://next-ai-drawio.jiang.jp/ 即可体验全部功能。

Docker部署（推荐）

# 使用OpenAI
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

Windows系统提示：

在PowerShell中，将Docker命令每行末尾的 \ (反斜杠) 改为 ` (反引号)
在CMD中，将Docker命令每行末尾的 \ (反斜杠) 改为 ^ (脱字符)
或者直接把反斜杠换行去掉，将命令合并为一行执行

本地安装

git clone https://github.com/DayuanJiang/next-ai-draw-io
cd next-ai-draw-io
npm install

# 配置环境变量
cp env.example .env.local
# 编辑 .env.local 文件，配置您的AI提供商和API密钥

# 运行开发服务器
npm run dev

在 .env.local 文件中配置您的AI提供商，例如：

# 使用Claude（推荐）
AI_PROVIDER=anthropic
AI_MODEL=claude-sonnet-4-5-20250514
ANTHROPIC_API_KEY=your_api_key

# 或使用OpenAI
# AI_PROVIDER=openai
# AI_MODEL=gpt-4o
# OPENAI_API_KEY=your_api_key

# 可选：设置温度参数
TEMPERATURE=0

# 可选：设置访问密码（推荐）
ACCESS_CODE_LIST=your_password

多AI提供商支持

Next AI Draw.io 支持多种AI服务提供商，用户可以根据自己的需求和偏好选择：

提供商	推荐模型	特点
Anthropic (Claude)	claude-sonnet-4-5-20250514	最佳选择，理解能力强
OpenAI	gpt-4o	通用性强，响应速度快
Google AI	gemini-2.0-flash	性价比高，支持长文本
DeepSeek	deepseek-chat	经济实惠，中文支持好
Azure OpenAI	部署模型	企业级安全，稳定可靠