text2mermaid — 我做了一个用自然语言生成 Mermaid 图的网站：为什么做、怎么用、支持哪些图
引子
我做了个小工具，text2mermaid（域名 text2everything.vip）——你用一句自然语言描述一个流程、一段接口时序、一组表关系，它调用大模型给你生成对应的 Mermaid 代码，实时预览，一键导出 SVG / PNG。免注册，免费用。
这篇文章讲清楚三件事：为什么做、怎么用、什么场景下最省事。
为什么做
Mermaid 是我写技术文档时的默认画图方案。它有几个好处很难被替代：
- 代码即图——存在 markdown 里、进 git、可 diff、跟着 PR 走版本
- 在文档里原地渲染——GitHub / GitLab / Notion / Obsidian / Hexo 主题 都原生支持
- 改起来快——想加一个节点直接敲一行，不用去挪线
但它有一个隐形门槛：语法要背。flowchart 的 A -->|Yes| B、sequence 的 Alice ->> Bob:、ERD 的 USER ||--o{ POST : writes、状态图的 [*] --> Idle——七种图七套语法，写一次得查一次文档。写代码写到一半、脑子里都是业务逻辑，还得停下来去 Google “mermaid ERD cardinality symbols”，节奏就断了。
这两年做 Loop Engineering 相关的工作、写各种 AI 相关的博客，画图的频率上来以后，这个中断成本被放大了。之前的方法有几种，各有毛病：
- draw.io / excalidraw：拖拽画，好看，但出图不可 diff，改一个节点要重新导出图片贴回文档，跟不上文档节奏
- 手写 Mermaid：跟文档节奏对齐，但语法上下文切换烦人
- 让 ChatGPT / Claude 帮忙：能生成，但要开一个对话、粘贴描述、复制代码、贴到文档、发现坏了再回去修——步骤太多，而且大模型经常给你生成一份语法看着对但渲染不出来的代码
我想要的是一个专门做这一件事的入口：打开就用，光标已经在输入框里，回车就出预览，坏了它自己知道要修，好了直接复制或导出。text2mermaid 是这个想法的产物。
怎么用
打开 text2everything.vip，你会看到三栏布局：
- 顶部输入区：用中文或英文描述你要的图。可以直接说”用户登录流程，带 2FA”，也可以详细到”一个博客系统的 ER 图，users 和 posts 一对多，posts 和 comments 一对多，加上 tags 的多对多”
- 左边代码 / 右边预览：
⌘/Ctrl + Enter触发生成，代码和图同步刷新；也可以切成纯 Text / 纯 Preview / Split 三种视图 - 图类型菜单：顶部 “Diagram types” 下拉里能切换 flowchart / sequence / ERD / state / class / mindmap / gantt，切换后 AI 会按目标图类型生成
- 导出：右上角三个按钮——Copy code（贴回你的 markdown）、Export SVG（放文档里矢量清晰）、Export PNG（贴 Slack / 微信）
四个示例入口（Login flow with 2FA / OAuth sequence / Blog schema ERD / CI/CD pipeline）如果你懒得想 prompt，点一下就有输出，可以从改示例开始。
支持哪些图
Mermaid 官方支持十几种图，我先做了使用频率最高的七种，每种都有独立的 landing 页：
| 类型 | 用途 | 页面 |
|---|---|---|
| flowchart | 业务流程、分支决策 | /flowchart-from-text |
| sequence diagram | 接口时序、多服务交互 | /sequence-diagram-from-text |
| erd | 数据库表关系、领域模型 | /erd-from-text |
| state diagram | 状态机、生命周期 | /state-diagram-from-text |
| class diagram | UML 类图、继承 | /class-diagram-from-text |
| mindmap | 主题脑图、大纲 | /mindmap-from-text |
| gantt | 项目排期、里程碑 | /gantt-from-text |
三个真实用得上的场景
写系统设计文档时画时序图。以前我要打开 mermaid 文档确认 participant 和 ->> 的顺序、activate 怎么写；现在直接一句”用户下单接口时序：Client 请求 API Gateway，Gateway 校验鉴权后调 Order Service，Order Service 扣库存并写 DB，异步发 Kafka 通知履约”，就是一张能用的图。改起来也简单——直接编辑生成出来的代码。
评审前快速画 ER 图。给别人讲一个新表结构最快的方式是画一张 ERD。之前如果表有五张、关系复杂点，我会偷懒用文字描述；现在把描述扔进去就出图，还能 Export SVG 贴到评审文档。
画 CI/CD 的 flowchart。常见的坑是分支太多、图很快变复杂。用自然语言写描述，AI 会自动整理节点位置，比自己维护 subgraph 缩进舒服。
关于开放性和成本
- 免注册免费用。目前主要是自己在用，也希望更多人能试试。
- 代码在你手上。生成后 Copy code / Export SVG 都是纯文本 / 纯 SVG，可以直接进你的 git 仓库，不锁定在这个网站。
- 对国内友好。域名可直连，不需要梯子。
如果你也是那种画图 = 写 Mermaid 的人，把这个网站收藏起来，下次要画图时可以先来这里输一句话看看效果——顺手就顺手了，不合适再回去手写也不亏。
网站地址： https://text2everything.vip/
有想加的图类型、遇到生成不对的 case、或者觉得哪里体验不好，欢迎在博客邮箱（diaozxin@163.com）告诉我。