SuperAPI AI 工具集

Diagramming ai

Diagramming AI 是一个利用人工智能创建、编辑和讨论 UML 与工作流的平台。用户可以用自然语言生成 Mermaid、PlantUML、GraphViz、D2 和 Excalidraw 等格式的图表,并通过聊天进行细化,支持实时预览。平台提供智能编辑、错误自动修复、快速编辑、可视化编辑器、模板库、URL 转图表、图片转图表、AI 信息图等功能,还能将图表保存到项目中、分享只读链接,并导出为 SVG/PNG。适用于软件设计、项目管理、业务流程、技术文档、教学等场景。

访问官网

工具介绍

Diagramming AI 是一个人工智能驱动的图表工具,旨在帮助用户创建、编辑和讨论 UML 图与工作流。

用途

  • 用自然语言生成和修改图表,无需手动编写代码。
  • 支持多种图表类型和格式,包括 Mermaid、PlantUML、GraphViz、D2 和 Excalidraw。
  • 适用于软件系统设计、项目排期、业务流程梳理、技术文档、教学等场景。

主要能力

  • AI 自动生成图表:输入文字即可生成流程图、序列图、甘特图等,支持多种格式。
  • 聊天讨论与更新:提供讨论模式(探索问题、建议、改进想法)和更新模式(通过聊天直接指令 AI 实时编辑图表)。
  • 智能错误修复:AI 自动分析并修复 Mermaid、PlantUML、Graphviz 和 D2 图表中的错误。
  • 快速编辑:调整图表各部分的大小和样式。
  • 可视化编辑器:一键将 Mermaid、PlantUML、Graphviz 图表转换为 Excalidraw 画布,进行拖拽编辑,支持流程图、序列图、类图、ER 图、时间线图、甘特图、状态图、思维导图、C4 图等。
  • 项目存储:支持创建多个项目,存储 Mermaid、PlantUML、Graphviz、D2 代码和 Excalidraw 编辑结果,可添加笔记,方便管理。
  • 导出与分享:通过 Kroki 集成导出 SVG/PNG 或分享 URL,支持只读公开链接。
  • 颜色主题:提供 10 多种 Mermaid 主题、40 多种 PlantUML 主题,Excalidraw 有 48 个预设(6 个类别),支持统一调色板或保留原色,一键切换无需 AI 重新生成。
  • URL 转图表:输入网址即可将网站内容转化为图表,快速了解网站概览。
  • 图片转图表:从图片(文本、图表)生成图表,支持 URL、本地截图、上传、拖拽,可切换模板(如 Mermaid 转 PlantUML)。
  • 模板库:提供 mermaid.js 和 PlantUML 的丰富模板,涵盖活动图、用例图、组件图、部署图、对象图、甘特图、饼图、ER 图、思维导图、网络图、时序图、交互概览图、包图、需求图、C4 模型图、代码转流程图、AWS 架构图等。
  • AI 信息图:通过 AI 与 Excalidraw 集成,用自然语言描述生成手绘风格的专业信息图,可选择预设模板或让 AI 从头创建布局,Format Input 功能优化提示词。
  • MCP 集成:连接 ChatGPT、Claude 或其他兼容 AI 应用,要求生成图表,预览并保存到 Diagramming AI,支持 WebMCP(测试版)。

使用方式

  • 输入文字指令生成图表,通过聊天细化,实时预览更改。
  • 选择颜色主题、快速编辑样式,或使用 Excalidraw 可视化编辑。
  • 保存图表到项目,可分享只读链接或导出 SVG/PNG。
  • 可通过 URL 或图片生成图表,使用模板加速创建。

适用场景

  • 软件工程师:用序列图和流程图解释系统设计与时间线。
  • 项目经理:用甘特图可视化项目排期。
  • 数据分析师:快速生成数据流和过程图。
  • 教育工作者:用视觉模型解释复杂概念,帮助学习。
  • 技术文档撰写者:在手册和文档中添加图表。
  • 业务分析师:用流程图揭示业务逻辑。
  • 产品经理:展示产品功能流程和用户旅程。
  • 研究人员:用清晰的结构化图表呈现研究结果。
  • 营销人员:用智能视觉摘要概述活动策略。

限制

  • 免费计划:3 个图表/项目,3000 输入字符,GPT-6 Luna、Claude-4.5-Haiku 每次 1 积分;GPT-6.1 Sol、Gemini-3.8-Flash、Claude-4.6-Sonnet 每次 3 积分。
  • 付费计划可升级获得更多积分、更多项目、URL 或图片输入,以及无限项目和图表、更高输入字符限制(12000 或 20000 字符)。
  • MCP 集成中远程 MCP 从 Mermaid 预览和保存开始,AI 应用访问取决于应用、计划和 workspace 设置;WebMCP 需要支持的浏览器,为测试版集成。