> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hubto.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 在 Next AI Draw.io 中使用

> 将 HubTo 接入 Next AI Draw.io，用自然语言创建和编辑图表。

## 概述

[Next AI Draw.io](https://github.com/sing1ee/next-ai-drawio) 是一款 AI 图表工具。你可以通过自然语言生成和修改 draw\.io 图表。

接入 HubTo 后，你可以在同一个入口下调用已开通模型，完成流程图、架构图、UML 图、思维导图和云架构图等任务。

## 使用方式

### 方式一：在线使用（推荐）

打开在线版本即可开始使用，无需安装：

* [https://next-ai-drawio.jiang.jp/zh](https://next-ai-drawio.jiang.jp/zh)

### 方式二：下载桌面应用

你也可以安装桌面客户端离线使用。

1. 打开 [Releases 页面](https://github.com/sing1ee/next-ai-drawio/releases)
2. 下载对应平台安装包
3. 完成安装并启动 Next AI Draw\.io

| 平台      | 安装包                  |
| ------- | -------------------- |
| macOS   | `.dmg`               |
| Windows | `.exe`               |
| Linux   | `.AppImage` 或 `.deb` |

## 配置 AI

### 打开应用并进入设置

打开 Next AI Draw\.io 后，点击右下角的模型设置入口，进入模型配置页面。

<img src="https://mintcdn.com/passtoalltokens/HN2KC0pfKbR8wuAw/images/usercases/nextaidrawio/step-1-settings.png?fit=max&auto=format&n=HN2KC0pfKbR8wuAw&q=85&s=948a2bd338106c92a5434ff0d56ae03f" alt="Next AI Draw.io 设置入口" width="1940" height="1276" data-path="images/usercases/nextaidrawio/step-1-settings.png" />

### 选择供应商并填写 API 信息

在 **AI 模型配置** 中新增一个模型，然后填写以下信息：

* 供应商：选择 `OpenAI` 或兼容 OpenAI 协议的自定义入口
* API Key：`YOUR_API_KEY`
* Base URL：`https://api.hubto.ai/v1`
* 模型名：填写你已开通的模型，例如 `glm-5.1` 或 `deepseek-v3.1`

<img src="https://mintcdn.com/passtoalltokens/i2T32MguPb3NYdEc/images/usercases/nextaidrawio/step-2-model-config.svg?fit=max&auto=format&n=i2T32MguPb3NYdEc&q=85&s=da9f79a385da54d1ea91900b8f1cc58a" alt="选择供应商并填写 API 信息" width="1776" height="920" data-path="images/usercases/nextaidrawio/step-2-model-config.svg" />

你可以按下面顺序完成配置：

1. 点击添加模型
2. 选择兼容 OpenAI 的供应商
3. 输入 API Key
4. 输入模型名称
5. 点击保存
6. 点击测试

当模型前显示可用状态（例如绿色标记）时，表示配置成功。

## 使用建议

* 优先使用推理和代码能力更强的模型提升图表质量
* 先用简短提示词验证链路，再输入完整图表需求
* 给图表工具单独创建 API Key，便于统计和权限隔离

## 常见问题

### 为什么生成的图表质量一般？

图表质量与模型能力和提示词清晰度直接相关。建议优先使用更强模型，并在提示词中写明图表类型、节点关系和层级结构。

### 支持生成哪些图表类型？

支持 draw\.io 支持的主流图表类型，包括流程图、架构图、UML 图、思维导图和云架构图（AWS/GCP/Azure）等。

### 测试失败或请求报错怎么办？

请依次检查：

1. Base URL 是否为 `https://api.hubto.ai/v1`
2. API Key 是否有效且无多余空格
3. 模型名是否拼写正确且已开通权限

## 相关链接

* 在线演示：[https://next-ai-drawio.jiang.jp/zh](https://next-ai-drawio.jiang.jp/zh)
* GitHub 仓库：[https://github.com/sing1ee/next-ai-drawio](https://github.com/sing1ee/next-ai-drawio)

## 下一步

* 获取 API Key：参见 [快速上手](/cn/quickstart)
* 查看接口文档：参见 [接口参考](/cn/api-reference/introduction)
