什么是流程图制作工具？

流程图制作工具是一款交互式拖放工具，可在浏览器中创建专业流程图、流程示意图和工作流可视化图表。工具提供 37种图形类型，包括流程框、判断菱形、数据库、表格、泳道等，可满足从简单决策树到复杂系统架构的各类绘图需求。

适用人群

软件开发人员

精准绘制系统流程、CI/CD流水线和数据架构图。

业务分析师

梳理业务流程、审批工作流和客户旅程地图。

学生

轻松创建算法流程图、决策树和学习示意图。

项目经理

可视化项目工作流和团队流程，提升沟通效率。

您的数据完全私密

所有处理均在您的浏览器中完成——数据不会发送至任何服务器。

无需上传 — 您的图表不会离开您的设备
无数据追踪 — 我们不收集任何使用数据
自动保存 — 内容自动保存至浏览器本地存储

如何使用流程图制作工具

上手非常简单。以下是核心操作的完整说明——从放置图形到导出完成的图表。

创建图形

从左侧边栏选择 37种图形类型，图形按组分类：基础、流程控制、数据、流程类型、注释、附加、逻辑/连接、存储和更多图形。

点击侧边栏中的图形，将其放置到画布中央
拖动侧边栏中的图形，放置到画布的任意位置
图形自动对齐到20px网格，保持整齐排列

连接图形

将鼠标悬停在图形上，图形边缘会显示蓝色连接点
点击一个连接点，再点击另一个图形上的连接点，即可创建曲线连接
在属性面板中为连接线添加标签（如"是"或"否"）
可选择4种箭头类型：正向、反向、双向或无箭头

编辑图形

双击任意图形可编辑其文本内容
使用右侧属性面板修改颜色、边框、透明度、字体大小和尺寸
拖动选中图形周围的方形缩放控制柄可调整图形大小

使用表格

从侧边栏的"附加"分组中添加表格图形
双击任意单元格可编辑其内容
按 Tab 移至下一个单元格，按 Shift+Tab 返回上一个单元格
使用属性面板中的按钮增删行和列

整理图表

按住 Ctrl+Click 或拖动选择框来选中多个图形
使用对齐工具（选中2个及以上图形时显示）对齐或均匀分布图形
点击自动布局，自动将所有图形排列为层级结构
按 Ctrl+G 将图形编组，方便整体移动

导出成果

PNG

高分辨率图片（2倍清晰度）——适合演示文稿和文档使用。

SVG

可缩放矢量格式——适合网页和印刷使用。

JSON

保存图表数据，方便日后重新加载、与他人共享或跨设备导入。

功能特性

37种图形类型

涵盖所有标准流程图符号及专用图形的完整图形库：

基础与流程控制

基础 — 流程、开始/结束、子流程、预定义流程
流程控制 — 判断、合并、连接符、跨页连接符
注释 — 注释框、显示

数据与流程类型

数据 — 输入/输出、数据库、文档、多文档、内部存储
流程类型 — 手动操作、准备、延迟、手动输入

逻辑与存储

逻辑 — 或门、求和连接、整理、排序、提取、循环限制
存储 — 存储数据、直接数据

附加与更多图形

附加 — 自由文本、表格、云形、星形、标注、箭头、圆形、泳道
更多 — 卡片、卷带、菱形、圆角矩形、六边形、横线、竖线、括号、花括号

智能连接线

使用平滑贝塞尔曲线连接图形。可为连接线添加文本标签，选择4种箭头类型，并自定义线条颜色、粗细和样式——实线、虚线或点线。

交互式表格

添加支持完整编辑的表格图形。双击任意单元格进行编辑，使用 Tab 在单元格间切换，直接在属性面板中增删行和列。

精准工具

对齐参考线

拖动图形靠近其他图形时，自动显示对齐辅助线，实现像素级精准定位。

对齐与分布

一键将图形左对齐、水平居中、右对齐、顶对齐、垂直居中或底对齐，并支持均匀分布。

自动布局

一键自动将所有图形整理为清晰的层级结构。

网格吸附

图形自动吸附到20px网格，保持图表整齐一致。

多图表工作区

在独立标签页中处理多个图表。可按需新增、重命名、复制或删除图表。每个标签页拥有独立的图形、连接线和视图状态。

导出与导入

将流程图导出为 PNG（高分辨率）、SVG（矢量格式）或 JSON（数据格式）。导入JSON文件可继续编辑或在不同设备间共享图表。

12个内置模板

使用专为常见场景设计的预置模板，快速开始创作：

通用

基础流程图、决策树

业务

电商结账流程、招聘流程、客户支持、订单履行

技术

用户身份验证、缺陷报告、软件开发、CI/CD流水线、数据库CRUD、文件上传

常见问题

如何连接两个图形？

将鼠标悬停在图形上，图形边缘会出现蓝色连接点。点击一个连接点，再点击另一个图形上的连接点——系统会自动用曲线箭头将它们连接起来。您也可以按 C 切换到连接模式。

如何在连接线上添加"是"或"否"等标签？

点击连接线将其选中。在右侧属性面板中，在标签字段中输入标签文本。文本将显示在连接线的中间位置。

如何编辑表格单元格？

双击表格图形中的任意单元格，输入内容后按 Enter 保存。按 Tab 移至下一个单元格，按 Shift+Tab 返回上一个单元格。

如何同时选中多个图形？

按住 Ctrl 并逐个点击图形。或者，在画布空白处点击并拖动，绘制选择框——框内所有图形将被同时选中。

如何整齐对齐图形？

选中两个或更多图形，工具栏中会出现对齐按钮。点击即可左对齐、水平居中、右对齐、顶对齐、垂直居中或底对齐。选中3个及以上图形时，还可以均匀分布图形。

如何保存流程图？

您的工作会自动保存到浏览器本地存储。如需保存可移植的副本，请点击导出 → JSON。之后可在任意设备上导入该文件继续编辑。

支持哪些导出格式？

PNG 图片格式（2倍分辨率）、SVG 可缩放矢量图形，以及可重新导入和编辑的 JSON 图表数据格式。

如何同时处理多个图表？

点击工具栏图表标签页旁的 + 按钮创建新标签页。每个标签页拥有独立的画布。点击任意标签页上的三点菜单，可对其进行重命名、复制或删除操作。

有哪些键盘快捷键？

按 ? 查看完整快捷键列表。主要快捷键包括：

V — 选择模式
H — 平移模式
C — 连接模式
Ctrl+Z — 撤销
Ctrl+C / Ctrl+V — 复制 / 粘贴
Ctrl+F — 搜索
Ctrl+G — 图形编组

我的数据是否安全私密？

100% 私密：所有操作完全在您的浏览器中运行，数据不会发送至任何服务器。您的图表仅存储在浏览器本地存储中。