绘图软件之drawio

作为一个写了十年代码的老油条，我见过太多工具来来去去。但今天要介绍的这个——[drawio](file://D:\numerocode\numerocode-note\Writerside\drawio\餐盒.drawio)（现在叫diagrams.net），是真的让我觉得：卧槽，这玩意儿有点东西。

1. 为啥要用 drawio？

你有没有遇到过这种场景：

  • 写文档的时候想画个流程图，结果打开 Visio 发现要花钱；
  • 想画个架构图，ProcessOn 用着又卡得一批；
  • 画完图想导出成各种格式，结果人家只支持自家格式，迁移到别的平台就废了。

我就遇到过，而且不止一次。后来我发现了 [drawio](file://D:\numerocode\numerocode-note\Writerside\drawio\餐盒.drawio)，直接给我整破防了。

这玩意儿最大的优点就是——免费、开源、跨平台、无广告、功能全，简直是一朵奇葩。

2. drawio 是啥玩意儿？

[drawio](file://D:\numerocode\numerocode-note\Writerside\drawio\餐盒.drawio) 是一个基于 Web 的图形编辑工具，现在叫 diagrams.net，但大家都习惯叫它 [drawio](file://D:\numerocode\numerocode-note\Writerside\drawio\餐盒.drawio)。它支持流程图、UML 图、网络图、线框图、组织结构图等等。

你可以把它当成在线版的 Visio，而且比 Visio 好用（个人觉得）。

支持的平台：

  • 浏览器直接打开 https://app.diagrams.net/
  • 桌面版（Windows、Mac、Linux）
  • VS Code 插件
  • 甚至可以集成到 Confluence、Google Drive、OneDrive 等平台

3. 优缺点分析

优点

  • ✅ 完全免费：不用花一分钱，功能还贼全
  • ✅ 跨平台支持：浏览器、桌面、插件全都有
  • ✅ 格式丰富：PNG、SVG、PDF、XML 都能导出
  • ✅ 操作简单：拖拖拽拽，三分钟上手
  • ✅ 社区活跃：图标库、模板库丰富，GitHub 上一堆人贡献

缺点

  • ❌ 界面有点老气：UI 看起来像是上个世纪的产物，但功能是真的强
  • ❌ 离线使用略麻烦：虽然有桌面版，但默认是联网用的
  • ❌ 协作功能一般：不能像 Miro 那样实时协作，适合单人作战

4. 怎么用？简单得很

  1. 打开 https://app.diagrams.net/
  2. 选择存储位置（可以存到本地、Google Drive、OneDrive 等）
  3. 选择模板或者新建空白图
  4. 开始拖拽图形，连接线，加文字
  5. 导出你需要的格式，搞定！

整个过程不超过 5 分钟，适合我这种懒人。

5. 一些小技巧

  • 快捷键：Ctrl+C / Ctrl+V 复制粘贴，Delete 删除，空格拖动画布，简直不要太爽。
  • 自定义图形库：可以导入自己的图标库，适合团队统一风格。
  • 嵌入代码：支持嵌入 HTML、SVG 代码，适合做文档里的动态图。
  • 版本管理：如果你用 XML 格式保存，还能做版本控制，Git 管理也不是不行。

6. 总结一下

[drawio](file://D:\numerocode\numerocode-note\Writerside\drawio\餐盒.drawio) 这个工具，说它是神器有点夸张，但绝对是性价比之王。对于程序员、技术写作者、架构师来说，它能解决 80% 的画图需求，而且完全免费，真的香。

个人觉得，这年头能白嫖还这么好用的工具，不多了。能用就用，别犹豫。

📌 本次分享就到这里，感谢你的阅读！
🔔 关注【数说编程】，第一时间获取技术写作、效率工具、编程干货！
💬 如果你觉得这篇文章对你有帮助，欢迎点赞、收藏、分享给更多朋友！