每格只写一个动作。「收集材料并初审并通知」应该拆成三格，否则没人知道卡在哪一步。
五类标准节点、点击连线、拖动排布，判断节点出线少于两条会当场提示。正交折线贴进制度文件，曲线适合演示，导出 SVG / PNG 不用登录。
全部在本地浏览器生成，不上传服务器；刷新后恢复示例。
导出前看一眼，避免交上去被打回。
每格只写一个动作。「收集材料并初审并通知」应该拆成三格，否则没人知道卡在哪一步。
写条件而不是结果。「金额是否超过 5000 元」比「是否需要总经理审批」更清晰，两条出线标是 / 否。
表示表单、文件、系统数据。让读者知道这一步在跟什么打交道，而不是又凭空多了一个动作。
适合放进制度文件与印刷物料，也能在 Illustrator、Figma 里继续改线条和文字。
按 2 倍像素导出，粘进 Word、PPT 就能用，不需要再转一次格式。
直接打印当前画布，适合评审会上边看边圈改，改完再导出终稿。
| 开始 / 结束 | 圆角胶囊形。开始只出不进，结束只进不出，一张图各保留一个 |
|---|---|
| 处理步骤 | 直角矩形，写动词开头的动作，如「初审材料」「生成订单」 |
| 判断分支 | 菱形。每个判断至少两条出线，线上标「是 / 否」或具体条件 |
| 输入输出 | 平行四边形，表示表单、文件、数据等外部输入或结果 |
| 连线方式 | 正交折线读起来更规整，曲线适合跨行绕开的复杂分支 |
| 节点数量 | 单张流程图建议控制在 15 个节点以内，再复杂就拆成子流程 |
流程图不是把步骤摆满画布，而是让每条线都能回答「接下来做什么」。这个工具内置开始、处理、判断、输入输出五类节点，点击两个节点即可连线，判断节点出线不足会在校验区直接标出，导出 SVG 或 PNG 就能贴进制度文件。
节点与连线只保存在当前浏览器内存，刷新会恢复示例。判断节点出线少于 2 条时，导出按钮仍可用，但校验区会标红提醒。
先确定唯一起点，按处理顺序往下排；遇到需要二选一的环节用菱形判断，两条出线分别标注条件；最后收敛到唯一结束节点。跨部门环节在文字里写明责任部门。
菱形的含义是二选一或分支。只有一条出线说明这不是判断而是普通处理步骤，应该改成矩形，否则读者会以为还有一条分支没画出来。
正交折线横平竖直，适合正式制度文件与审批流程；曲线更柔和，跨越多行时不容易与其他连线重叠，适合草稿和演示。
可以。PNG 按 2 倍像素导出，插入 A4 文档清晰；需要印刷或大幅放大时，导出 SVG 矢量文件更合适。
当前版本聚焦单一流程主线，暂不支持自动泳道分栏。需要泳道时，建议在节点文字前加部门前缀，例如「财务：复核发票」。
拖动节点分层排布，或把一段子流程折叠成「处理」节点并另画一张子流程图。单张图建议控制在 15 个节点以内。
从自己最熟悉的一张审批或报销流程开始，节点不超过 8 个。画完对照校验区，先把「判断只有一条出线」这类硬伤改掉，再考虑美化。
SVG 是矢量文件，可以在 Illustrator、Figma、Visio 里打开继续改；PNG 是位图，只能回到本工具重新生成。需要长期维护的流程建议保留 SVG。
审核通过后就会展示在留言板上，稍安勿躁～
数据更新：2026-11-02 · 全部在本地浏览器生成，不上传服务器；刷新会恢复示例流程。
还没有留言，来抢沙发吧！