打开浏览器，流程搜索“流程图”，图线前五个结果里有四个是制作收费的。免费的流程那个，导出的图线图片带着水印，想去掉？制作充会员。这事儿挺烦人的流程。我上周想画一个简单的图线登录验证流程，就三个判断节点，制作试了某知名工具，流程结果花了二十分钟找免费导出按钮，图线最后放弃了。制作后来换了个路子，流程用 diagrams.net，图线也就是制作以前的 draw.io，全程没登录，画完直接导出 PNG，干净利落。所以，在线制作流程图这件事，选对工具比会用工具更重要。

先说 diagrams.net 这个老牌选手。它的界面不算精致，左侧图形库有点乱，第一次用可能得翻两下才能找到“判定”那个菱形。但它的好处是：完全免费，没有节点数量限制，导出格式全，连 SVG 都支持。我习惯在浏览器里直接打开 app.diagrams.net，不用注册，数据存在本地浏览器里，关掉再打开还在。唯一要注意的是，如果你换电脑，得手动导出 .drawio 文件备份。我有个朋友做后端开发，画接口调用流程，就用这个，他说“比 Visio 轻，比 ProcessOn 自由”。

ProcessOn 是国内用户最多的。它的模板库确实强，搜“电商订单流程”，能出来几十个现成的，改改文字就能用。但免费版只能存 9 个文件，超了就得删或者升级。我试过用它画一个跨部门的审批流，拖拽很顺，对齐线也智能，但导出高清图要会员。如果你只是临时画一个发群里讨论，截图就够了。长期用，要么付费，要么换工具。我自己的做法是：ProcessOn 用来找灵感，看别人怎么排布节点，然后去 diagrams.net 里复刻。

还有一类是代码生成流程图的。比如 Mermaid，写几行文本，就能渲染出流程图。像这样：

graph TD A[开始] --> B{ 是否登录} B -->|是| C[进入主页] B -->|否| D[跳转登录页]

把它贴进支持 Mermaid 的编辑器，比如 Notion、Obsidian 或者 GitHub 的 Markdown 里，立刻变成图。这种方式适合程序员，改逻辑不用拖拽，直接改文字。缺点是样式丑，调整颜色和间距得写 CSS，麻烦。我一般用 Mermaid 画草稿，确认逻辑没问题了，再导到图形工具里美化。

那到底怎么选？看你的使用场景。临时画一个，发微信里，用手机上的“思维导图”类 App 也行，比如 XMind 的免费版，虽然它主打思维导图，但流程图也能凑合。要协作，团队一起改，腾讯文档里的“流程图”功能可以试试，延迟低，但图形库少。我试过让产品、开发、测试三方同时在一个腾讯文档流程图上标注，结果有人误删了节点，版本回退还找不到。后来还是用 diagrams.net 各自画，再合并。

一个细节：很多在线工具的对齐辅助线是“吸附”的，你拖一个节点靠近另一个，它会自动对齐。但有些工具吸附得太狠，你想微调半格，它死活不动。diagrams.net 里按住 Alt 键可以临时关闭吸附，这个技巧我用了三年才知道。另外，画流程图别纠结颜色。我见过有人花半小时调渐变色，结果逻辑箭头指反了。先保证菱形是判断、矩形是步骤、箭头有方向，再考虑好不好看。

最后说个真实案例。我们团队要梳理一个退款流程，涉及财务、客服、仓库三个系统。一开始用 ProcessOn 画，免费版文件数满了，删了旧图。后来换 diagrams.net，画完导出 PDF，发给财务确认。财务说“第 3 步到第 5 步之间少了一个‘审核不通过’的分支”。我们回去改，发现是箭头连错了。如果当时用 Mermaid 写，这种逻辑错误可能更早暴露，因为文字描述里必须写清楚条件。所以，工具没有绝对好坏，但免费、无广告、能导出干净图片的，目前我只推荐 diagrams.net。你要是愿意折腾，Mermaid 加 VS Code 插件，也能玩得很顺。