draw.io绘制标准流程图需五步：一选模板，二拖标准符号，三建正交连接并标条件，四统一样式与布局，五按需导出多格式文件并保存源码。
如果您打开draw.io后面对空白画布不知从何下手，无法将业务逻辑转化为规范图形，则可能是由于缺乏标准流程图的结构认知与工具操作路径。以下是绘制标准流程图的具体步骤：
一、创建新图表并选择合适模板
draw.io提供多种预设模板，可快速构建符合国际标准（如ISO 5807）的流程图结构，避免从零摆放形状导致逻辑混乱或样式不统一。
1、在浏览器中访问 https://app.diagrams.net/，首次进入时选择“Device”保存位置。
2、点击左上角“文件”→“新建”，或直接点击首页“Create new diagram”按钮。
3、在弹出窗口中，展开左侧“Flowchart”分类，选择Basic Flowchart（基础流程图）或Cross-Functional Flowchart（跨职能泳道图）。
4、点击所选模板，画布自动加载带标准节点和连接线的初始结构。
二、拖入并配置标准流程图符号
标准流程图依赖特定形状表达不同语义，必须使用draw.io内置的ISO/ANSI兼容符号库，确保图表可被技术团队无歧义理解。
1、从左侧形状面板展开“Flowchart”区域，找到并拖入椭圆形（Start/End）作为流程起始与终止节点。
2、拖入矩形（Process）表示具体操作步骤，双击编辑文字，如“验证用户身份”。
3、拖入菱形（Decision）表示判断分支，在内部输入条件，如“权限是否有效？”。
4、右键任一形状→“编辑样式”，确认其fillColor=#ffffff、strokeColor=#000000，符合标准黑白印刷兼容性要求。
三、建立语义明确的连接关系
连接线不仅是视觉引导，更承载控制流方向与分支逻辑，必须采用正交连线并标注条件，防止产生歧义路径。
1、选中起始椭圆，将鼠标悬停在右边缘出现蓝色连接点，按住并拖向第一个矩形左侧，自动生成正交连接线。
2、选中菱形，分别从其右侧（是分支）和下方（否分支）拖出连接线，接入对应处理节点。
3、双击连接线，在弹出文本框中输入“是”或“否”，或具体条件如“HTTP状态码=200”。
4、若需跳转至非邻近节点，右键连接线→“编辑样式”，将edgeStyle改为elbowEdgeStyle，再调整肘部位置。
四、设置全局样式与布局参数
统一字体、间距与对齐方式是专业流程图的视觉基础，可避免因手动调整导致节点错位或文字溢出。
1、点击顶部菜单栏“视图”→勾选“网格”和“对齐线”，辅助元素精确定位。
2、全选所有节点（Ctrl+A），在上方格式栏将字体设为Segoe UI，字号设为12，加粗标题节点为14号。
3、右键画布空白处→“排列”→“分布”→选择“水平等距”或“垂直等距”，使同级节点间距一致。
4、点击“排列”→“对齐”→“左对齐”或“顶端对齐”，确保所有判断菱形顶部平齐、所有处理矩形左侧对齐。
五、导出符合交付规范的成品文件
交付物需适配不同使用场景，必须按需导出多格式且保留可编辑性，避免二次修改时重建整图。
1、点击“文件”→“导出为”→“PNG图像”，在导出对话框中勾选Transparent background与Include a copy of the diagram（嵌入XML源码）。
2、如需插入Word或PPT，选择“SVG”格式导出，确保缩放不失真；如需打印，选择“PDF”并勾选Embed fonts。
3、点击“文件”→“另存为”，保存为.drawio本地文件，该格式可在任意draw.io环境完整还原编辑状态。
4、若需版本管理，点击“文件”→“保存到”→选择“GitHub”或“GitLab”，输入仓库路径与提交信息，完成代码化图档入库。
