语言
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
流程图制作器

流程图制作器

拖放 44 种图形绘制流程图与流程示意图,连线自动弯曲、一键自动布局,可导出 PNG、SVG 或 JSON。

自动成形的流程图,从这里开始

这款流程图制作器是一个拖放工具,可直接在浏览器中绘制流程图、流程示意图和工作流图。选一个图形,拖到画布上,再把方框连起来——无需安装,也无需注册账号。

凭借 44 种图形——从流程框、判断菱形到数据库、泳道和逻辑门——你可以画出从简单的决策树到完整系统架构的任何图。它适合记录流水线的软件开发者、梳理审批流程的业务分析师、绘制算法流程图的学生,以及把团队流程可视化的项目经理。

从设计上保护隐私:每一个图形、连线和编辑都在你的浏览器里完成,内容会自动保存到本地存储。任何图都不会上传到服务器。

如何画流程图

1

添加图形

在左侧栏展开一个图形分组——基础、流程控制、数据等——然后点击图形将其放到画布中央,或拖放到画布的任意位置。图形会吸附到 20px 的网格上,让排版更整齐。

2

连接图形

将鼠标悬停在图形上以显示蓝色连接点,先点击一个连接点,再点击另一个图形上的连接点,即可画出弯曲箭头。按 C 进入连线模式,并可在属性面板中为连线加上这样的标签。

3

编辑与美化

双击任意图形即可输入文字。用右侧属性面板修改填充、边框、不透明度、字号和尺寸,或拖动调整手柄改变所选图形的形状。

4

整齐排列

Ctrl+点击或框选矩形选中图形,再使用对齐和分布工具,或点击自动布局,把所有图形自动排成清晰的层级结构。

5

导出成果

打开导出菜单,将流程图保存为 PNG 图片、SVG 矢量图或 JSON 数据文件。之后再导入 JSON 文件即可继续编辑,或在设备之间分享图表。

功能特色

44 种图形

完整的流程图符号库——流程、判断、开始/结束、数据、数据库、文档、表格、泳道、逻辑门等——分为九大分组。

拖放画布

从侧栏拖动图形或点击放置。所有图形都会吸附到 20px 的网格上,对齐相邻图形时还会出现对齐参考线。

智能连线

用平滑的弯曲箭头连接图形。可加标签,从四种箭头样式中选择(正向、反向、双向、无),并设置连线颜色、宽度以及实线、虚线或点线样式。

可交互表格

放置可编辑单元格的表格图形。双击单元格即可输入,按 Tab 依次移动,还能在属性面板中增删行列。

自动布局与对齐

一键把图形排成整齐的层级结构。可左对齐、水平居中、右对齐、顶端对齐、垂直居中或底端对齐,并将所选图形均匀分布。

组合与层级

用 Ctrl+G 组合图形以整体移动,用 Ctrl+Shift+G 取消组合,并可将图形移到顶层或底层来控制叠放顺序。

搜索与替换

按 Ctrl+F 在每个图形中查找任意文本,并一处替换全部——在大型图中重命名步骤时格外方便。

缩略图与缩放

缩略图为大型图提供可点击导航的概览。可用滚轮、按钮或适应屏幕在 10% 到 500% 之间缩放,并用抓手工具平移。

多图表标签页

在独立的标签页中同时处理多张图。可新建、重命名、创建副本或删除图表,每个标签页都保留自己的图形、连线和视图。

12 个内置模板

用现成的图快速上手:基础流程、决策树、电商结账、招聘流程、用户认证、缺陷上报、软件开发、客户支持、订单履约、CI/CD、数据库增删改查和文件上传。

导出与导入

导出为 PNG(2 倍分辨率)、SVG 矢量图或 JSON 数据,并可重新导入 JSON 文件以继续编辑或在设备之间分享图表。

快捷键与深色模式

键盘快捷键覆盖工具和编辑操作——按 ? 查看完整列表——另有撤销/重做历史、右键菜单和内置深色主题。

常见问题

如何在线画流程图?

在左侧栏展开一个图形分组,然后点击或拖放图形到画布上。将鼠标悬停在图形上以显示蓝色连接点,在两个图形之间点击即可把它们连起来。双击图形即可输入文字。无需下载或注册——打开页面就能开始绘制。

这款流程图制作器免费吗?需要账号吗?

是的,它完全在你的浏览器中运行,无需注册。每个图形和连线都在本地生成,你的内容会自动保存到浏览器存储中,下次回来时依然在。

流程图符号都代表什么?

矩形(流程)表示一个步骤或操作,菱形(判断)表示一个是/否分支,椭圆形(开始/结束,也叫终端)标记流程的起点或终点。除了这些基础图形,全部共有 44 种图形,包括数据、数据库、文档、泳道和逻辑门符号,每种都按用途分组放在侧栏里。

如何连接两个图形并添加标签?

将鼠标悬停在图形上以看到其边缘的蓝色连接点,点击一个连接点,再点击另一个图形上的连接点,即可画出弯曲箭头。你也可以按 C 进入连线模式。要给连线加标签,选中它并在属性面板的标签栏中输入文字——文字会显示在连线中点。

如何把流程图导出为图片?

打开导出菜单,选择 PNG 获得高分辨率(2 倍)图片,选择 SVG 获得可缩放矢量图用于打印或上网,或选择 JSON 保存可编辑的数据。之后重新导入 JSON 文件即可继续处理同一张图。

如何对齐图形并自动排列?

选中两个或更多图形,对齐工具就会出现——可左对齐、水平居中、右对齐、顶端对齐、垂直居中或底端对齐,并将三个及以上图形均匀分布。如果想完全省去手动摆放,点击自动布局,工具会把每个图形排成层级结构。

可以同时处理多张图吗?

可以。从工具栏新建一个图表标签页,每个标签页都保留自己独立的画布、图形和缩放。用标签页菜单即可重命名、创建副本或删除。

有哪些键盘快捷键可用?

? 查看完整列表。常用的有 V(选择)、H(平移)和 C(连线),还有 Ctrl+Z 撤销、Ctrl+C / Ctrl+V 复制和粘贴、Ctrl+D 创建副本、Ctrl+G 组合,以及 Ctrl+F 搜索并替换。

我的数据安全吗?

是的。所有内容都在你的浏览器中运行,不会发送到服务器。你的图表只保存在浏览器的本地存储中,编辑时会自动保存。

图形
100%
选择一个图形或连线以编辑属性
左侧栏展开一个图形分组,然后点击或拖放图形到画布上
将鼠标悬停在图形上,点击其蓝色连接点之间即可画出箭头
? 查看所有键盘快捷键
Ctrl+F 跨所有图形搜索并替换文本
按住 Ctrl 点击可选中多个图形,再用对齐工具自动布局
双击表格单元格即可编辑,按 Tab 在单元格间移动
右键打开快捷菜单使用常用操作
点击缩略图可在大型图中快速跳转
所有内容自动保存在本地浏览器中——不会上传任何数据
想了解更多? 阅读文档 →
1/10
开始输入以搜索...
搜索中...
未找到结果
请尝试使用不同的关键词搜索