# 流程图在线制作 - 用文字生成流程图，兼容 Mermaid

> 免费在线流程图工具：用简单文字（兼容 Mermaid flowchart 语法）描述节点和连线，自动排版生成流程图，支持判断、圆角、数据库等形状、分组和多种主题，导出 SVG / PNG。

- 网址: https://qilingtools.com/zh/flowchart
- 分类: 效率工具 (https://qilingtools.com/zh/office)
- 标签: [图表可视化](https://qilingtools.com/zh/tags/chart), [效率](https://qilingtools.com/zh/tags/office)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

不用拖拽对齐，写几行文字就能生成整齐的流程图。语法兼容 Mermaid 的 flowchart 常用写法：第一行写 graph TD（上到下）或 graph LR（左到右），然后用 A[文字] 表示矩形、B(文字) 圆角、C{文字} 菱形判断、D((文字)) 圆形，还有体育场形、子程序、数据库、六边形、平行四边形和旗帜形；用 --> 连接节点，-.-> 是虚线，==> 是粗线，--- 是无箭头连线，-->|是| 或 -- 是 --> 给连线加文字，A --> B & C 一次连多个节点，subgraph 标题 … end 画分组框，style 可以单独给节点配色。输入的同时右侧实时渲染，工具会自动分层排版、尽量减少连线交叉，回退的连线也能正确绕行；语法有误时会指出第几行出了什么问题。中文、英文混排的文字按真实宽度测量，长文字自动换行。提供默认蓝、森林绿、暖橙、多彩、深色等主题和曲线、折线、直线三种连线风格，可以导出 SVG 矢量图或高清 PNG，也能保存 .mmd 文件下次继续编辑。

## 使用步骤

1. 在左侧按示例写流程图代码，或从“示例”中选一个模板修改
2. 在右侧实时预览，调整主题、连线风格、字号和间距
3. 点击“导出 PNG”或“导出 SVG”，或保存 .mmd 文件

## 功能特点

- 兼容 Mermaid flowchart 常用语法，可直接粘贴
- TD / LR / BT / RL 四种方向
- 11 种节点形状：矩形、圆角、判断、圆形、数据库等
- 实线、虚线、粗线、无箭头、圆头、叉头连线与连线文字
- subgraph 分组框、style 单节点配色
- 自动分层布局，减少交叉，回退连线自动绕行
- 中英文真实宽度测量、长文字自动换行、错误提示到行
- 6 种主题、3 种连线风格，导出 SVG / PNG

## 常见问题

### 和 Mermaid 完全兼容吗？

支持 Mermaid flowchart 最常用的部分：graph / flowchart 方向、各种节点形状、-->、---、-.->、==>、--o、--x、<--> 连线、|文字| 与 -- 文字 --> 两种连线文字写法、& 多节点、链式连线、subgraph 分组、style 节点配色和 %% 注释。classDef、class、click、linkStyle 等语句会被忽略，不会报错。排版算法是本工具自己实现的，与 Mermaid 官方渲染的位置不完全相同。

### 中文节点名怎么写？特殊符号怎么办？

节点 id 可以直接用中文，如 开始 --> 结束，也可以用英文 id 加中文文字：A[开始]。如果文字里有括号、竖线等符号，用英文双引号包起来，例如 A["价格 (元)"]；需要换行时写 <br>，例如 A["第一行<br>第二行"]。过长的文字会按大约 220 像素宽度自动换行。

### 自动布局是怎么排的？能手动拖动吗？

工具使用分层布局算法：先按连线方向把节点分成若干层，回退的连线（如“否”回到上一步）会被识别出来单独绕行，再用重心法调整每层节点的顺序减少交叉，最后让节点尽量对齐到相连节点的中间。布局完全由代码决定，不能手动拖动节点；想调整位置可以改变连线顺序、使用 subgraph 分组，或切换 TD / LR 方向。

### 导出的图片可以用在哪里？代码保存在哪里？

导出的 SVG 是矢量图，放大不失真，可以插入 Word、PPT、Keynote、Notion 或网页；PNG 按 2 倍分辨率导出，适合发聊天软件和文档。流程图代码会自动保存在当前浏览器，也可以“保存 .mmd”下载到本地，以后“打开 .mmd”继续编辑，或粘贴到其他支持 Mermaid 的工具（如 Markdown 编辑器）中使用。

## 相关工具

- [祈灵导图](https://qilingtools.com/zh/mindmap): 祈灵导图是免费的在线思维导图工具：在浏览器里直接画图，Tab/Enter 快速加节点，拖拽调整结构，可打开和导出 XMind、Markdown 大纲，导出 PNG/SVG，内容存在本地。
- [随机密码生成](https://qilingtools.com/zh/password): 免费在线随机密码生成器：自定义长度和大小写字母、数字、符号组合，可排除易混淆字符，一次生成多个并显示强度。使用浏览器加密安全随机数本地生成，不上传不记录。
- [二维码生成](https://qilingtools.com/zh/qrcode): 免费在线二维码生成器：把网址、文本、Wi-Fi、名片等生成二维码，可调尺寸、颜色和容错级别，下载高清 PNG 或矢量 SVG，本地生成不上传。
- [字数统计](https://qilingtools.com/zh/word-count): 免费在线字数统计工具：实时统计字符数、不含空格字符、单词数、中文字数、行数、段落数、句子数、UTF-8 字节和预计阅读时间。
- [大小写转换](https://qilingtools.com/zh/case-convert): 免费在线大小写与命名格式转换工具：一次生成大写、小写、首字母大写、驼峰、下划线、中划线、常量等多种格式，一键复制。
- [占位文本生成](https://qilingtools.com/zh/lorem): 免费在线占位文本生成器：生成拉丁 Lorem Ipsum 或中文乱数假文，可按段落、句子、词数生成，一键复制，用于排版和设计稿。
- [文本排序去重](https://qilingtools.com/zh/text-sort): 免费在线文本处理工具：按行排序（字母/长度）、去除重复行、删除空行、去首尾空白，可忽略大小写，一键复制，本地运行。
- [PDF 签名盖章](https://qilingtools.com/zh/pdf/sign): 免费在线 PDF 签名盖章工具：上传手写签名或公司印章图片，在页面预览上拖动到合适位置，调整大小与透明度后导出，本地处理不上传。