免费在线流程图制作工具 - 拖拽式流程设计

关于流程图

福兮 Forxi 流程图是一款免费在线的流程图制作工具。支持拖拽添加节点、连线编辑、属性自定义、撤销重做、导出图片、AI 智能生成等功能。无论是绘制业务流程图、系统架构图、思维导图、组织结构图，还是设计算法流程图、用户操作流程、网络拓扑图，都能轻松胜任。绘图编辑和模板库免费开放、无需注册；AI 生成、云端保存、分享及 SVG 导出需登录后使用。

添加节点

左侧图形库提供了 40 多种图形，涵盖标准流程图符号、泳道和分组以及通用图形。您可以通过以下方式添加节点到画布：

1. 点击添加：直接在图形库中点击需要的图形，它会自动添加到画布中央区域
2. 拖拽添加：从图形库按住图形拖拽到画布的指定位置，松开鼠标即可精确定位
3. 悬停快速添加：鼠标移到节点上，四周会出现蓝色箭头，点一下即在该方向生成同样式的下一步节点并自动连好线，可直接输入文字

连接节点

将鼠标移到任意节点的边缘，节点四周会出现连接锚点。从锚点按住拖拽鼠标到另一个节点上，即可创建一条连接线。连接线支持三种类型：

• 折线：默认类型，横平竖直的直角折线，适合大多数流程图
• 直线：两点之间的最短直线连接
• 曲线：平滑的贝塞尔曲线，视觉效果更柔和

在左侧面板的「线型」选项卡中，可以设置新添加连线的默认类型。

编辑属性

选中任意节点或连接线后，右侧属性面板会显示对应的可编辑属性：

• 节点属性：填充颜色、边框颜色与粗细、圆角大小、文字内容与颜色、字号、形状切换、XY 坐标、宽高尺寸、旋转角度
• 连接线属性：标签文字、线条颜色与粗细、线型（实线/虚线/点线/点划线）、类型（折线/直线/曲线）、箭头方向（单向/反向/双向/无箭头）

在画布上拖拽框选多个节点或连接线，可进入批量编辑模式，同时对多个元素应用相同的样式设置。

图形类型说明

左侧图形库按用途分为三组，鼠标悬停在图形上可查看用途：

• 流程图：26 种 ISO 标准流程图符号，外加 UML 活动图常用的开始点（实心圆）、结束点（靶心），按使用频率排列，名称即含义
• 泳道与容器：横向泳道、纵向泳道和分组，用来按角色、部门或阶段组织节点
• 通用图形：矩形、圆形、星形、箭头、人形等不属于流程图规范的形状，适合画架构图、示意图，默认收起

流程图中最常用的符号：

泳道与分组

• 泳道：左侧「泳道与容器」提供横向、纵向两种泳道，适合审批流、跨部门协作流程。选中泳道后点属性面板的「下方添加泳道 / 右侧添加泳道」，可拼出完整泳池
• 分组：用虚线框把相关节点圈在一起；也可以框选多个节点后点属性面板的「成组」
• 归属：节点完全拖进泳道或分组后即归属于它，移动泳道或分组时里面的节点会一起移动；拖出去即解除归属
• 标题：在属性面板「标题」里修改，双击泳道或分组也会直接定位到标题输入框

排版与整理

• 一键整理：工具栏「整理」可按从上到下或从左到右自动排列所有节点，分组会随组内节点一起调整；整理后可按 Ctrl+Z 撤销。含泳道的流程图不支持一键整理，以免打乱泳道归属
• 对齐与等距：框选多个节点后，可水平/垂直对齐；选中 3 个以上还能水平或垂直等距分布
• 统一尺寸：框选多个节点后，一键统一为其中最大的宽和高

画布操作

• 拖拽移动：在画布空白处按住拖拽可平移视野
• 滚轮缩放：使用鼠标滚轮可放大缩小画布，方便查看整体布局或精细编辑
• 框选：在画布空白处按住拖拽可框选多个节点
• 右键菜单：在节点上右键可调整图层顺序（移至最前/移置最后）
• 视图设置：工具栏「视图」菜单（眼睛图标）可切换点阵、网格、纯色背景，并开关小地图和连线动画

快捷键

保存与导出

• 导入 JSON：打开之前导出的 JSON 文件，恢复流程图数据
• 导出 JSON：将当前流程图保存为 JSON 格式，方便备份和分享
• 导出 PNG：将当前画布内容导出为白底 PNG 图片（未登录时带水印）
• 导出 SVG / PDF（需登录）：SVG 为可无损缩放的矢量图，PDF 按画布内容自动确定页面尺寸，便于打印和归档
• Mermaid 互转：「导入 Mermaid」可把 flowchart / graph 代码转成可编辑的流程图（subgraph 转为分组）；「复制为 Mermaid」可把当前流程图转成代码，粘贴到 Markdown、GitHub、语雀等处直接渲染
• 在线保存：登录账号后，点击工具栏「保存」按钮可将流程图保存在云端，「我的」按钮可管理和打开已保存的作品

AI 智能生成

点击右下角的 AI 小助手图标，打开 AI 面板。可直接输入描述生成流程图，也可上传文档、粘贴网页链接或上传图片，AI 自动提炼内容并生成流程图。选择模型后点击「生成流程图」即可。生成后还能继续手动编辑和优化。

生成过程约需 1-2 分钟，请耐心等待。