流程图制作

免费在线流程图制作工具,全屏画布拖拽编辑,内置起止、处理、判断、数据等节点与多种连线,支持撤销重做、本地自动保存与 PNG/SVG 导出。

功能特性

全屏画布编辑

沉浸式全屏编辑器,拖拽节点、自由连线,摆脱表单式操作,专注绘图本身。

丰富节点类型

内置开始/结束、处理、判断、数据、输入/输出、圆形等标准流程图节点,一键拖入画布。

框选与多选

在空白处拖拽即可框选多个节点与连线,支持整体移动、批量复制与删除。

对齐与吸附

拖动时自动显示对齐辅助线并吸附对齐,同时贴合网格,排版整齐利落。

撤销重做

完整的历史命令栈,任意误操作均可逐步撤销或重做,绘制过程无后顾之忧。

本地自动保存

编辑内容实时存入浏览器本地,刷新或关闭页面后再次打开自动恢复,无需登录账号。

缩放旋转手柄

选中节点出现拉伸与旋转把手,可自由调整尺寸和角度,适配非标准图形需求。

多格式导出

一键导出高清 PNG 与矢量 SVG,方便插入文档、PPT 或继续在矢量软件中编辑。

工程文件

导出 .flow.json 工程文件保存完整图形,随时导入还原,便于跨设备续编与备份。

小地图导航

右下角实时缩略图,大图快速定位与跳转,复杂流程图也不迷路。

一键自动布局

内置分层自动布局算法,凌乱的节点一键整理为上下对齐的规整结构,省去手动摆放。

图层顺序调整

选中对象可一键置顶或置底,轻松处理重叠节点的前后遮挡关系。

快捷键面板

按 ? 随时呼出快捷键面板,复制、粘贴、全选、删除等高频操作一键盘点完成。

原位文本编辑

双击节点或连线,文字直接在图形原位弹出输入框修改,所见即所得,告别弹窗。

网格与缩放控制

一键开关背景网格辅助对齐,实时显示缩放比例并支持点击重置为 100%。

使用步骤

01添加节点

从左侧节点面板拖拽或点击,将所需图形加入画布。

02连接流程

从节点四边常显的圆点按住拖拽到另一个节点,即可自动生成连线。

03框选编辑

空白处拖拽框选多个对象,可整体移动;Ctrl+C/Ctrl+V 复制粘贴,Delete 批量删除。

04编辑内容

双击节点或连线原位修改文字;选中后在右侧面板调整颜色、线型、连线标签;拖动手柄缩放旋转。

05整理排版

点「布局」一键自动分层排布;「置顶/置底」调整重叠顺序;开关网格、调整缩放;按 ? 查看全部快捷键。

06导出分享

点击 PNG/SVG 导出图片,或导出/导入 .flow.json 工程文件随时续编与备份。

适用场景

梳理业务逻辑与算法流程绘制系统架构与模块调用制作 UML 活动图与时序示意编写 SOP 标准作业流程课程课件中的流程讲解产品需求与用户路径图

常见问题

绘制的流程图会保存到服务器吗?

不会。所有图形数据仅保存在您当前浏览器的本地存储中,不上传任何服务器,完全保护隐私。更换设备或浏览器无法同步,请及时导出 PNG/SVG 留档。

支持哪些图形节点?

内置开始/结束(圆角矩形)、处理(矩形)、判断(菱形)、数据(平行四边形)、输入/输出、圆形等标准流程图符号,覆盖绝大多数流程绘制场景。

如何修改节点的文字和样式?

双击节点即可修改文字;单击选中后,右侧属性面板可调整填充色、边框色(节点)或线条颜色、宽度、线型(连线)。

导出格式有什么区别?

PNG 为位图,适合直接插入文档或网页;SVG 为矢量图,无限放大不失真,可被 Illustrator、Figma 等矢量软件继续编辑。

误删了节点能找回吗?

可以。工具栏的撤销按钮(或 Ctrl+Z)可按步骤回退所有操作,包括删除、移动与样式修改。

相关工具