Kroki与Mermaid文本转图表流程图工具

Kroki 与 Mermaid 是在文本描述下快速生成各类图表的两款主流在线工具。下面分别介绍它们的核心特性、适用场景以及快速上手方式，帮助你根据需求选择最合适的方案。

Kroki.io

Kroki 是多格式文本转图表统一工具，支持 PlantUML、Mermaid、Graphviz、D2、C4、BPMN 等数十种语法。通过统一 API 可一键生成 SVG/PNG/PDF 等格式，既可在线使用，也能私有化部署，完全免费开源。

使用场景

• 多种图表格式需求：除 Mermaid 外，还需要 PlantUML、Graphviz、C4 架构图、BPMN 等。
• 软件架构与数据库模型：快速绘制系统结构、数据模型、网络拓扑等。
• 自动化生成：通过 API 在脚本或文档生成流程中自动渲染图表。
• 高分辨率导出：支持 PDF、EPS、高清图片等多种导出格式。
• 团队协作：项目中混用多种图表语法，统一渲染入口。

Mermaid.live

Mermaid Live Editor 是Mermaid 专用在线实时编辑器，专注于 Mermaid 语法，提供代码即预览的轻量体验，完全前端运行。

使用场景

• 仅需 Mermaid 图表：快速绘制流程图、时序图、甘特图等。
• 文档与演示：在笔记、PPT、技术文档中临时插入示意图。
• 学习与调试：实时查看 Mermaid 代码渲染效果，帮助语法学习。
• 个人博客与笔记：快速生成并复制 SVG/PNG 用于网页或文档。
• 简洁轻量：不需要额外格式转换，直接编辑即得图形。

标准 Mermaid 流程图代码

flowchart TD
    A[开始学习] --> B{选择工具}
    B -->|只画流程图| C[使用 mermaid.live]
    B -->|多种图表混用| D[使用 kroki.io]
    C --> E[编写代码]
    D --> E
    E --> F[实时预览]
    F --> G[导出图片/SVG]
    G --> H[完成使用]

flowchart TD
    A[开始学习] --> B{选择工具}
    B -->|只画流程图| C[使用 mermaid.live]
    B -->|多种图表混用| D[使用 kroki.io]
    C --> E[编写代码]
    D --> E
    E --> F[实时预览]
    F --> G[导出图片/SVG]
    G --> H[完成使用]

flowchart TD
    A[开始学习] --> B{选择工具}
    B -->|只画流程图| C[使用 mermaid.live]
    B -->|多种图表混用| D[使用 kroki.io]
    C --> E[编写代码]
    D --> E
    E --> F[实时预览]
    F --> G[导出图片/SVG]
    G --> H[完成使用]

使用方法

1. 打开 mermaid.live，在左侧编辑代码，右侧实时预览，秒出图。
2. 打开 kroki.io，选择语言 Mermaid，粘贴同样的代码，点击渲染即可得到图像。

其他相关项目

• draw.io / diagrams.net – 支持流程图、架构图、UML、ER 图、网络拓扑、BPMN 等多种图形。
• Excalidraw – 手绘风格白板，适合自由草图。
• ProcessOn – 国内在线协作绘图平台，提供团队共享与协同编辑功能。