使用指南

编写 Mermaid，让源码与画布同步，准备好后再导出。

SmoothMermaid 是一个代码优先的 Mermaid 图表工作台。你可以编写源码、从提示词生成初稿、实时预览结果，并在安全范围内直接编辑流程图画布。Mermaid 源码始终是唯一的事实来源。

四步创建一张图表

可以从内置模板中选择，粘贴已有的 Mermaid 图表，或用一段提示词描述想要的图表。

在编辑器中修改 Mermaid 代码，预览会随输入实时渲染为 SVG。如果中间出现语法错误，预览会保留上一次有效的图表，直到代码恢复有效。

流程图通过画布安全检查后，可以在画布中选择、改名、新增、删除和连接节点。每次修改都会写回 Mermaid 源码。

可以下载 SVG 矢量图用于缩放场景，或下载 PNG 用于文档和消息。登录后还可以使用版本历史和托管分享。

图表类型	源码编辑器	可视化画布
流程图（Flowchart）	完整支持，实时预览	源码通过画布安全检查后可用
时序图、类图、ER 图、甘特图等	完整支持，实时预览	暂不支持，请在源码中修改

安全检查用于保护源码。如果流程图使用了画布无法安全编辑的语法，将不提供可视化编辑工具，源码仍可完整编辑。

把服务流程和组件关系图保存为 Mermaid 源码，与它描述的代码和文档放在一起。

源码是纯文本，图表的改动可以像其他代码一样被阅读、对比和评审。

导出 SVG 用于矢量场景，或导出 PNG 用于图片型文档，无需在其他工具中重新绘制。

从模板开始，对照代码与渲染结果，每次只修改一行。

Mermaid 源码可以随时复制到 README、知识库或代码仓库中。版本历史和托管分享需要登录后使用。

需要发送文件时请导出 SVG 或 PNG。工作台是编辑的地方，导出的图片是某一版本的快照。

是的。Mermaid 源码始终可编辑、可移植，是每张图表的事实来源。

可从 19 个内置模板中选择，也可以粘贴已有的 Mermaid 图表，或从提示词开始。

SVG 用于缩放场景，PNG 用于图片型文档。