流程图是用于清晰展示流程步骤和逻辑关系的重要工具，在工作汇报、项目规划等场景中广泛应用。目标用户为需要制作流程图的人员。本教程将使用豆包梳理流程框架，draw.io 进行可视化绘制，二者结合可高效完成流程图制作。

打开工具平台

分别在浏览器地址栏输入豆包（www.doubao.com）和 draw.io（www.drawio.com）的网址，登录账号后进入各自操作界面，为流程图制作做好准备。

用豆包梳理流程框架

向豆包说明流程图主题，例如 “帮我梳理‘电商订单处理流程’的步骤，按先后顺序列出，包括下单、支付、备货、发货、签收环节，标注各环节的关键节点并帮我把这个流程图转换成Mermaid语法输出”。豆包会生成结构化的流程步骤，用文字框架生成流程图的核心逻辑。

在 draw.io 创建画布

在 draw.io 中点击 “新建” 选择 “空白画布”，或根据需求选择流程图模板（如垂直流程图、水平流程图），确定画布尺寸和方向，用基础设置生成绘图载体。

依据框架绘制流程图

将豆包生成的代码输入进draw.io中生成流程图

优化并导出流程图

检查流程图的逻辑连贯性和图形布局，用 draw.io 的样式设置功能调整颜色、字体、线条粗细，让流程图更清晰美观。确认无误后，点击 “导出” 选择格式（如 PNG、PDF）保存到本地，用最终文件生成可用的流程图成果。