工具介绍

Graphbox Mermaid 编辑器是一款免费的在线流程图工具。Mermaid 用简洁文本描述图表，本工具支持实时预览、画布拖拽与属性面板编辑，可快速绘制架构图、流程图、时序图、状态图与 ER 实体关系图。

• 支持常见 Mermaid 图类型：flowchart、sequenceDiagram、stateDiagram、erDiagram 等
• 左侧画布可视化编辑，右侧可切换代码与预览
• 支持导出 SVG / PNG，方便插入文档与设计稿

主要功能

• 实时预览：修改代码或拖拽节点后，预览区即时刷新
• 双栏布局：可拖拽调整画布、代码与属性面板宽度
• 本地缓存：编辑内容保存在浏览器本地，刷新不丢失（视浏览器策略而定）
• 导出：一键导出矢量 SVG 或位图 PNG

使用说明

打开页面后可直接在示例图上编辑，或切换到代码模式编写 Mermaid 语法。复杂图建议先用属性面板调整节点与连线，再用代码微调。

说明：本工具在浏览器本地运行，图形数据默认不会上传到服务器。