实用工具

AI Mermaid 图表生成器

用文字描述流程或系统,生成流程图、时序图、类图、ER 图或甘特图的 Mermaid 代码。

自带 Key 或官方托管AI 助手4.4万
去哪里获取 Key

Key 只在你的浏览器里。Key 由浏览器直接发送给服务商,不经过我们的服务器,我们不记录也不保存。建议使用专门创建、设了额度上限的 Key,用完及时到服务商后台删除。

输入

结果

结果会显示在这里。

Mermaid 用几行文本就能画出图表,GitHub、GitLab、Notion、Obsidian 和大多数文档工具都能直接渲染,所以越来越多的架构文档用 Mermaid 写,而不是导出一张谁都改不了的图片。慢就慢在手写语法。用大白话描述注册流程、支付调用链或数据模型,选好图表类型,模型只返回 Mermaid 代码——不带代码块标记、不带解释——可以直接粘进 Markdown 文件。想看渲染效果、或者手动改个标签,把代码贴进本站的 Mermaid 编辑器即可。

它是怎么工作的

  • 提示词改编自 Fabric 的 create_mermaid_visualization 模式:保留了“图要能独立看懂”的要求,去掉了文字解释部分以保证输出是纯代码,并补充了一组 Mermaid 语法规则。
  • 这些规则专门针对生成的图最常见的渲染失败原因:含括号或中文的标签没加引号、节点叫 end、alt 和 loop 块没闭合、甘特图任务名里带冒号。
  • 标签和消息文字跟随你的输入语言,ID 和关键字按解析器要求保持 ASCII;模型不得不做的假设会写成 %% 注释,而不是悄悄编进图里。
  • 描述文字由浏览器直接发给 AI 服务商,用的是你自己的 Key;画图的请求很小,一个额度卡得很紧的临时 Key 就够用。

你的数据去了哪里

使用自带 Key 时,你输入的内容和 Key 由浏览器直接发送给你选择的 AI 服务商,不经过 hysenlabs 的服务器。使用官方托管时,内容经我们的服务器转发给我们的服务商(DeepSeek),按 credits 计费;我们只记录每次运行的 Token 数和成本用于计费,从不保存你输入的内容和返回的结果。服务商如何处理这些内容,以它自己的隐私政策为准。

本工具会接触密钥和凭证,因此任何一次运行都不会被保存,连你自己的历史里也不会有。

关于你的 API Key

我们承诺不会收集、存储或泄露你的 Key:它只保存在当前页面的内存里(除非你勾选“在本标签页记住”),关闭页面即消失。但任何 Key 一旦在网页里用过,都值得多一分小心——建议专门为这里创建一个设了额度上限的 Key,用完后及时到服务商后台删除或轮换。

它要花多少

本工具完全免费,不需要登录,也不消耗积分。

常见问题

代码渲染不出来,先查什么?
把代码贴进 Mermaid 编辑器,看解析器报错的那一行。常见原因有三个:带括号或引号的标签没用双引号包起来;alt 或 loop 块后面漏了 end;模型还是加了 ```mermaid 代码块标记——删掉即可。换一个更大的模型重新生成,也能解决大部分语法问题。
该选哪种图?
有判断分支的流程选流程图;服务之间或人与系统之间按时间先后的请求往来选时序图;对象模型选类图;数据库表及其对应关系选 ER 图;有工期和依赖的计划选甘特图。拿不准时选流程图,它最宽容。
能读我的代码画图吗?
把代码当作描述贴进来,选类图或时序图,通常能得到一个说得过去的草图。但它只看得到你贴的内容,分散在多个文件里的调用链画出来会不完整,最好只截取想画的那一部分。
为什么没有颜色和样式?
样式语法是生成的 Mermaid 最容易出错的地方,而且 GitHub、文档站和各类编辑器的主题各不相同。代码把样式交给渲染器处理,结构确认无误后,再自己加 classDef 就行。

背后的开源项目

本工具的提示词改编自 danielmiessler/Fabric(MIT),由你选择的模型执行。想在命令行或自己的程序里批量使用同样的能力,可以直接用这个项目。

danielmiessler/Fabric

也常被称作

  • mermaid流程图
  • ai生成流程图
  • 文字生成流程图
  • mermaid时序图
  • er图生成
  • 甘特图生成