# Diagramming AI

Diagramming AI 是一款浏览器端 AI 图表工具，可将自然语言指令、图片或网页 URL 转为可编辑图表，并通过对话持续调整、实时预览，适用于技术文档、流程梳理和项目规划。

- Findings24: <https://findings24.com/zh-CN/products/diagramming-ai>
- 网站: <https://diagrammingai.com>
- 价格: Freemium
- 分类: AI设计助手, AI开发者工具, 设计工具

## 什么是 Diagramming AI？

Diagramming AI 是一款基于浏览器的图表创建与编辑工具，支持 Mermaid、PlantUML、GraphViz、D2 和 Excalidraw。它能将自然语言指令转换为图表，并让用户通过对话进一步调整结果，同时实时预览。

工作区集图表代码编辑器、可视化编辑、项目存储和分享功能于一体。用户可以从笔记或模板开始创建，为图表添加配套笔记并进行整理，还能保存版本以便日后查看。它适用于技术文档编写、流程梳理和规划可视化。

## Diagramming AI 能做什么？

### 通过对话创建和编辑

根据文本生成图表，在讨论模式中探讨改进方案，或在更新模式中直接下达修改指令。实时预览可展示不断调整后的结果。

### AI 错误修正

分析图表错误，并修正 Mermaid、PlantUML、Graphviz 和 D2 源代码。快速编辑控件还可调整图表元素的大小和样式。

### Excalidraw 可视化编辑

将受支持的 Mermaid、PlantUML 和 Graphviz 图表转换为 Excalidraw 画布，通过拖放进行调整。无需重新生成图表即可应用 48 种配色预设，还可选择保留原始色调或恢复颜色。

### 图片和 URL 输入

根据网站 URL 或包含文本和图表的图片生成图表。图片输入方式包括上传、拖放、本地截取和图片 URL。

### 可搜索的模板库

浏览涵盖全部五种受支持格式的模板，按语言或使用场景筛选，并预览可作为流程图、UML、架构图和可视化工作流起点的模板。

### 连接 AI 助手

在受支持的 ChatGPT 或 Claude 配置中使用 Remote MCP，预览并保存 Mermaid 图表。WebMCP 可在受支持的浏览器中编辑当前显示的草稿。两者均需注册账号。

## 使用场景

### 编写软件系统文档

创建时序图、类图、ER 图或 C4 图，说明应用行为、数据关系和系统结构。

### 梳理业务流程

将会议笔记转为审批流程，添加决策节点或驳回路径，再分享已保存的图表供他人审阅。

### 规划项目和里程碑

使用甘特图、看板或路线图时间线，展示交付成果、阶段和交接安排。

### 以可视化方式解读现有资料

以网页或图片为输入创建图表，让资料的结构更便于查看和讨论。

## 常见问题

### 哪些功能可以免费使用？

网站说明，Mermaid、PlantUML、Graphviz 和 D2 编辑器以及快速编辑功能均可免费使用。注册免费账号即可解锁模板库中的模板。

### 如何导出或分享图表？

可将图表导出为 SVG 或 PNG，也可以保存图表并创建只读公开链接，供他人审阅。

### 在 AI 助手中预览图表会自动保存吗？

不会。仅预览并不会保存图表。请让已连接的助手保存图表，以获取编辑器链接和已保存的版本。渲染和保存所提供的 Mermaid 源代码不会消耗 Diagramming AI 的生成额度；账号限制和 AI 应用自身的费用仍然适用。

### AI 连接拥有哪些访问权限？

连接可访问项目、图表源代码、笔记和已保存的历史记录。你可以选择只读或读取并保存权限。新建图表默认为私密，连接无法发布分享链接、删除图表或更改账单设置。更新已分享的图表后，现有链接显示的内容也会随之变化。

## 快速信息

- **平台**: 网页浏览器
- **图表格式**: Mermaid、PlantUML、GraphViz、D2、Excalidraw
- **导出格式**: SVG 和 PNG
- **工作区管理**: 项目、图表笔记和已保存的版本历史记录