先说明动作，再画出条件分支
diagrams.net 怎么用？把工作步骤，整理成清楚的流程图。
一个流程有多人参与，还有“通过”和“退回”分支，怎么画才不容易误解？diagrams.net（draw.io）提供图形、连接线和文件导出，适合制作流程、组织结构与技术关系图。先把规则写清，再用图形表达。
打开 diagrams.net 官网 ↗
正式流程图讲规则，思路草图讲关系
先确定图的用途：给执行者看的流程应写清动作、条件和去向；还在讨论的想法可以先用 Excalidraw 画草图。图形越多不一定越清楚。
任务 01
从“提交申请”画出资料检查分支
练习流程为：提交申请 → 资料齐全？齐全则进入审核，不齐全则补充资料后重新检查。矩形写动作，菱形写判断，分支文字写在连接线附近。
提交申请开始后的第一个动作
资料齐全？用菱形表达判断
按条件走是：审核；否：补充后重查
- 新建空白图，先确定保存位置；添加开始、动作矩形和判断菱形。
- 在矩形里写“提交申请”，在菱形里写“资料齐全？”，分别添加“进入审核”和“补充资料”。
- 连接主线并标注“是”“否”；将补充资料的路径连回检查，避免画成不再继续的死路。
不要用颜色代替条件文字
只画红线和绿线，读者可能不知道哪条是通过。写明“是”“否”或实际条件，让黑白打印与不同视觉条件下的读者也能理解。
任务 02
用连接线，不用漂浮在附近的普通线段
从图形的方向箭头或连接点连接到另一图形，核对端点确实附着。移动图形后，连接线应仍能表达同一关系；线条在视觉上靠近图形不代表已经连接。
建立连接端点附着到图形
移动测试检查线条是否跟随
调整布局减少交叉与遮挡
- 从一个图形拖出连接线到另一个图形，确认目标图形被正确连接。
- 移动目标图形，检查端点是否跟随，箭头方向和条件标签是否仍正确。
- 统一同类图形的大小与间距，必要时调整连接路径，让分支不穿过其他文字。
画面整齐不等于逻辑完整
沿着每一条分支读一遍：是否有负责人、后续动作和明确去向？检查退回与异常路径，不要只把通过路径画得漂亮。
任务 03
保存 .drawio，再按用途导出图片
.drawio 适合保留完整图形与连接关系；导出的 PNG 或 SVG 适合放进文档。部分导出格式可以嵌入图的数据，但不能默认每张图片都可继续编辑。
保存 .drawio完整源文件留作备份
导出 PNG/SVG展示用途选择合适格式
复核分享文字、边缘与嵌入数据
- 使用 File → Save As 保存一份 .drawio，下载后重新打开确认可编辑。
- 需要展示时使用 File → Export As，选择 PNG 或 SVG，核对背景、边距和清晰度。
- 若启用 Include a copy of my diagram，图片可能包含可编辑数据；分享前确认内容合适，并保留独立源文件。
只给展示图时也要检查隐藏内容
嵌入的数据可能包含不在当前展示区域内的页面或图形。分享前检查导出选项；图片经过平台重压缩后，也可能丢失可编辑数据，所以不要把它作为唯一源文件备份。
沿着每条分支读一遍，再把流程交给执行者。
本页为 ToolAtlas 独立编辑的入门指南，非 diagrams.net 官方教程。本站与该产品无隶属或赞助关系。