免费工具
Mermaid 流程图转可编辑图表
粘贴 Mermaid 流程图（flowchart）或 erDiagram，包括从 AI 对话中复制的代码，即可在画布上可视化编辑 Mermaid 图表，其中每个方框、箭头和表格都可以移动。暂不支持时序图、类图和状态图。试用无需账号。
示例输出
使用方法
粘贴 Mermaid 代码
来自 Markdown 文件、README 或 AI 对话的代码都可以。外面包着 mermaid 代码块标记、开头带配置块也没问题。
查看可编辑的图表
流程图节点会变成处理、判断、文档等流程图形状，子图会变成框架，ER 实体会变成表格卡片。
在 Archboard 中打开
保存为新图表后，可以移动形状、修改样式、添加备注、分享链接，或导出为 SVG 和 PNG。注册只需 Google 或 GitHub 账号。
从 Mermaid 代码中绘制哪些内容
代码中的以下部分会变成可编辑的图表元素：
flowchartgraphflowchart 和 graph 图（包括 flowchart-elk），连同每个节点及其标签。fa:fa-car 这类 Font Awesome 前缀会从标签中去除。
@{ shape }用括号或新形状语法写的节点形状会对应到流程图元素：处理、判断、起止、数据、文档、准备、手动输入和连接点。没有对应流程图元素的形状会变成最接近的基本形状（例如圆柱），或变成处理框。
subgraph子图绘制为包住其节点的框架，嵌套子图也包括在内。空子图不会绘制。
-->-.->==>带标签的箭头，包括实线、点线和粗线，以及 A --> B --> C 这样的链式写法和 A --> B & C 这样的分支写法。
erDiagramerDiagram 实体绘制为表格卡片，列出每个属性的类型以及 PK、FK 或 UK 键；关系会标出基数。非识别关系显示为虚线。
TDLR流程图方向（TD、TB、LR、RL 或 BT）决定图表的走向。
支持的 Mermaid 图表类型
目前可以转换流程图（flowchart 和 graph）和实体关系图（erDiagram）。sequenceDiagram、classDiagram、stateDiagram、gantt、pie、mindmap、timeline、gitGraph 以及更新的类型暂不转换：工具会说明识别到的类型，而不是画出一张错误的流程图。
Mermaid 导入不包含什么
- 时序图、类图、状态图、甘特图、饼图、思维导图等其他类型。目前只转换流程图和 ER 图。
- classDef、style、linkStyle 和 class 中的颜色与字体：图表以 Archboard 的样式开始，你可以在画布上修改。
- 节点上的图标和图片：icon 和 img 设置会被丢弃，标签保留。
- 与代码的实时关联：编辑画布不会改变 Mermaid 代码，之后修改代码也不会更新图表。
关于 Mermaid 图表的问题
可以粘贴来自 ChatGPT、Claude 或其他 AI 对话的 Mermaid 代码吗？
可以。无论有没有 mermaid 代码块标记，都可以把代码块原样复制并粘贴。如果代码有语法错误，提示会显示出错的行，你可以自行修改，或让 AI 对话给出修正后的版本。
支持哪些 Mermaid 图表？
支持带子图和新形状语法的 flowchart 与 graph，以及 erDiagram。对于 sequenceDiagram、classDiagram 等其他类型，工具会告诉你该类型暂不支持，而不是胡乱猜测。
classDef 和 style 行会怎样处理？
它们会被跳过并计入警告，因此图表以 Archboard 自己的外观开始。在 Archboard 中打开后，可以修改任何形状的颜色、大小和样式。
在 Archboard 中打开图表后会怎样？
本页面上的预览不会被保存。选择“在 Archboard 中打开”后，你看到的图表（形状、标签和连线）会保存为工作区中的新图表，你可以重新排列、添加注释、分享或导出。它只是一个起点：之后对 Mermaid 代码的修改不会更新该图表。
Mermaid 转换工具免费吗？
免费。粘贴 Mermaid 代码和查看图表都无需账号。在 Archboard 中打开需要一个免费账号。