在线制作流程时序图(Mermaid)

左侧编辑 Mermaid 文本(流程图/时序图等),右侧自动渲染预览;支持风格(经典/手绘)切换,并可下载 SVG 或 PNG。
风格
左侧编辑 Mermaid 文本(自动渲染)
Docs
预览
提示:Ctrl/⌘ + 滚轮缩放;失败错误在左下角
语法参考:Mermaid 支持 flowchart、sequenceDiagram、classDiagram、stateDiagram、gantt 等(示例已内置)。