在日常工作和学习中，流程图几乎是每个人都绕不开的工具。但市面上的主流方案要么太臃肿，要么免费版限制太多。今天分享一个我最近发现的小众工具 ------ UnderFlow，轻量、开源、本地运行，体验出乎意料地好。
它是什么？
UnderFlow 是一款基于 React Flow 构建的流程图编辑器，使用 Tauri 打包为桌面应用（Windows 端），同时也可以在浏览器中直接运行。它的定位很明确：一款专注于核心绘图体验的轻量级流程图工具。
为什么值得尝试
1. 本地运行，数据在你手里
不像在线工具需要注册登录、数据存在别人服务器上，UnderFlow 是一个本地桌面应用。画完的流程图可以直接保存为 .json 文件，也可以导出为 SVG 或 PNG 图片，完全由你自己掌控。
2. 简洁直观的操作
- 顶部工具栏一键添加节点：Start → Node → End
- 拖拽节点把手即可连线
- 双击节点或连线可以直接编辑文字
- 选中节点后右侧属性面板即时调整样式
3. 灵活的节点造型
同一个节点可以在 矩形 和 菱形 之间自由切换，菱形节点自带四向连接把手，适合做条件判断分支。无需预先决定节点类型，随时在属性面板调整即可。
4. 丰富的配色方案
属性面板中提供两排色块：
- Fill（填充色）：实心色块，选中后节点整体着色
- Border（边框色）：空心环形色块，只改变节点边框颜色
还支持自定义取色器，点击色块旁的渐变色轮即可选取任意颜色。
5. 边框样式切换
实线 / 虚线一键切换，让流程图层次更分明。
6. 自动布局
内置 elkjs 自动布局引擎，一键整理杂乱节点，省去手动对齐的麻烦。
7. 可折叠的属性面板
右侧属性面板通过一个优雅的标签按钮收起/展开，收起后画布全屏展示，需要时轻轻一点即可调出。
适用场景
- 技术方案设计：快速画出系统架构、数据流图
- 学习笔记整理：梳理知识脉络，导出图片插入笔记
- 流程文档编写：业务流程、审批流程一目了然
- 教学演示：清晰易懂的条件分支展示
技术栈一览
| 层面 | 技术 |
|---|---|
| 前端 | Vite + React + TypeScript |
| 流程图引擎 | @xyflow/react (React Flow) |
| 自动布局 | elkjs |
| 桌面框架 | Tauri v2 (Rust) |
| 文件操作 | Rust 原生 API + rfd 对话框 |
总结
UnderFlow 不是那种功能大而全的"瑞士军刀"，它的哲学是：把画流程图这件事做到极致。没有注册登录的烦恼，没有免费版的导出水印，没有花哨但不实用的功能。它安静地待在你的电脑里，需要时打开就能用。
如果你也在寻找一款轻量、好用、数据自己掌控的流程图工具，不妨试试 UnderFlow。