什么是流程图？
流程图是使用形状和箭头来表示工作流、流程和算法的可视化图表。每个形状代表流程中的一个步骤，箭头显示流向和方向。流程图是商业、软件开发和流程文档中最广泛使用的图表类型之一，因为它能将复杂的流程转化为易于理解的可视化表示。
编辑与预览
使用 Mermaid 语法创建 流程图，实时查看效果。
Example
Flowchart example
A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.
Mermaid code
graph TD
A[User opens Mermaid Editor] --> B[Write Mermaid code]
B --> C{Preview looks right?}
C -- Yes --> D[Export PNG]
C -- No --> E[Edit diagram]
E --> B常见使用场景
业务流程梳理
记录和优化业务工作流、审批流程和标准操作流程。帮助团队理解复杂的业务逻辑并识别瓶颈。
软件开发
可视化程序逻辑、算法流程和系统架构。对于规划代码结构、调试和技术文档编写至关重要。
决策树
用条件分支映射决策过程。非常适合故障排除指南、客户支持工作流和逻辑验证。
用户流程设计
规划网站导航、应用用户旅程和交互流程。帮助 UX 设计师可视化用户路径并优化转化漏斗。
核心功能
多种形状类型
支持矩形、菱形、圆形和自定义形状，用于表示不同的流程步骤、决策和起止点。
方向流控制
可以创建任意方向的流程（从上到下、从左到右、从下到上），具有灵活的箭头路由和自动布局优化。
条件分支
使用简单的文本语法对决策点、并行流程和循环结构进行复杂逻辑建模。
子图组织
将相关流程分组到子图中，在复杂图表中实现更好的组织和视觉层次。
最佳实践
保持简洁
将每个流程图限制为一个流程或决策流。将复杂流程拆分为多个图表以提高清晰度。
使用标准符号
遵循标准流程图约定：矩形表示流程，菱形表示决策，椭圆表示起止点。
清晰标注所有内容
为流程步骤使用简洁、面向行动的标签。使用是/否或真/假标签明确决策点。
测试流程
从头到尾浏览流程图，确保所有路径都有意义，没有死胡同或无限循环。
探索其他图表类型
时序图
记录不同参与者或系统之间的时序交互。非常适合 API 文档和系统设计。
类图
用类、属性和关系建模面向对象系统。软件架构规划的必备工具。
状态图
表示系统或应用程序中的状态转换。非常适合建模生命周期状态和工作流。
甘特图
规划和跟踪项目时间线、任务和依赖关系。非常适合项目管理和进度安排。
ER 图
设计包含实体和关系的数据库架构。非常适合数据库建模和文档编写。
用户旅程图
绘制用户在各个接触点的体验和交互。非常适合用户体验设计和客户旅程分析。
Git 图
可视化 Git 分支策略和提交历史。有助于解释版本控制工作流。
思维导图
组织创意、头脑风暴和创建层次化视觉结构。适合规划和知识管理。
饼图
以圆形图表展示数据比例分布。适合显示百分比和市场份额分析。
时间线
沿时间轴可视化事件和里程碑。适合项目历史和路线图展示。
看板
将任务按工作流阶段组织到列中。适合敏捷项目管理和任务追踪。
四象限图
在双轴网格上绘制项目进行比较和优先级排序。适合功能优先级和战略分析。
桑基图
用比例箭头可视化节点间的流量。适合能源流、预算分配和转化漏斗。
XY 图表
创建带有可自定义坐标轴的柱状图和折线图。适合数据可视化和趋势分析。
块状图
用行列排列的块构建结构化布局。适合系统架构和组件概览。
架构图
使用服务图标和连接设计云和系统架构。适合基础设施文档。
数据包图
可视化网络协议数据包结构和位级字段布局。适合网络协议文档。