需使用泳道图结构:一、选“Swimlane Diagram”模板新建;二、通过“排列→插入泳道”增删泳道,右键编辑名称,菜单切换方向;三、拖形状入对应泳道并自动吸附,连线跨泳道流转;四、用分隔线标阶段,容器组合子流程;五、导出PNG/PDF并另存.drawio源文件。

如果您需要在 draw.io 中创建清晰展示多部门协作关系的流程图,则需使用泳道图(即跨职能流程图)结构。以下是完成该任务的具体操作流程:
一、新建泳道图文档并选择模板
draw.io 提供内置泳道图模板,可快速构建水平或垂直布局的职能划分结构。选择合适模板能避免手动绘制泳道边框与对齐问题,确保图表符合标准规范。
1、打开 draw.io 网页版或桌面版应用。
2、点击“新建”按钮,在模板分类中选择“流程图”类别。
3、在模板列表中找到并点击“Swimlane Diagram”(泳道图)模板。
4、确认模板加载完成,页面将自动呈现带默认泳道的画布,泳道方向为水平排列。
二、配置泳道数量与方向
泳道代表职能单位(如部门或岗位),其数量与方向需匹配实际业务流程的组织逻辑。水平泳道强调流程时序,垂直泳道突出职能归属,二者均可通过界面控件即时切换。
1、在顶部菜单栏点击“排列” → “插入” → “泳道”,可添加新泳道。
2、右键任一现有泳道标题,在弹出菜单中选择“在前面插入泳道”或“在后面插入泳道”。
3、若需调整方向,点击顶部菜单栏“排列” → “方向” → 选择“垂直”或“水平”。
4、双击泳道标题区域,输入部门名称(如“市场部”“技术部”“客服部”)。
三、添加流程形状并分配至对应泳道
每个流程步骤必须置于其责任主体所在的泳道内,以准确反映职能归属。draw.io 支持拖拽式布局,所有形状自动吸附至当前泳道边界,防止错位。
1、从左侧形状面板展开“流程图”类别,拖动矩形(处理步骤)或菱形(决策点)到目标泳道内部。
2、松开鼠标后,形状将自动锁定在该泳道中,并显示轻微高亮边框表示归属已确认。
3、双击形状编辑文字,例如输入“提交需求”“代码开发”“客户验收”等具体动作。
4、使用连接线工具(箭头图标)在形状间绘制流向线,确保跨泳道流转时线条延伸至相邻泳道内的目标形状。
四、标注阶段分隔线与容器分组
当流程包含多个阶段(如立项、执行、结项)时,需用分隔线明确阶段边界;对关联性强的子流程,可用容器统一框选,提升可读性与逻辑完整性。
1、从左侧形状面板选择“分隔线”(通常位于“流程图”子类底部),拖入泳道中任意位置。
2、双击分隔线,输入阶段名称(如“需求分析阶段”“开发测试阶段”)。
3、按住 Ctrl 键依次点击多个相关形状,使其呈选中状态。
4、右键选中区域,选择“组合” → “添加容器”,从弹出样式库中选择边框类型(如虚线框、阴影框)。
五、导出与保存设置
完成绘图后,需以兼容格式保存以便协作或嵌入报告。draw.io 默认保存为 .drawio 文件,但支持多种导出选项以适配不同使用场景。
1、点击左上角“文件” → “导出为” → 选择“PNG”(用于演示)或“PDF”(用于打印)。
2、勾选“透明背景”选项(适用于 PNG 导出),避免白色边框干扰嵌入效果。
3、点击“导出”按钮,选择本地保存路径并确认文件名。
4、返回“文件”菜单,点击“另存为” → “另存为 draw.io 文件”,确保原始可编辑版本留存。


















