画流程图别再求人和花钱了免费离线的draw.io桌面版实测一个下午就上手【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop周一早会上领导把一个系统架构图的任务甩给我说下周评审要用。我第一反应是打开老同事推荐的付费软件结果一看按年订阅的价格当场劝退转头又试了几个在线画图网站画到一半心里直打鼓——公司内部系统结构就这么传上别人的服务器那个下午我前后试了三款工具最后锁定了draw.io桌面版免费、开源、默认离线Windows、macOS、Linux 一个不落。这篇文章就记录我从下载到交稿的全过程顺便说说为什么后来我连公司机密架构图都敢放心画进去。被一张架构图难住的周一先交代一下背景我不是设计岗平时顶多用表格和文档画图纯属赶鸭子上架。一开始想的很简单——找个画图工具把方框连起来不就完了可真上手才发现痛点不在画而在三个地方钱正经的商业绘图软件基本都要订阅为偶尔一张图掏几百块不值。平台我白天用 Windows晚上回家用 Mac在线工具跨平台没问题但断网就抓瞎。数据画的是公司内部系统结构放哪个在线平台心里都不踏实。就在我准备硬着头皮用 PPT 拼图时同事甩过来一句用 draw.io桌面版啊免费还能断网用。我半信半疑地搜了一下发现事情没那么简单——它不是凑合能用的免费替代品而是把隔离网络写进了设计目标的正经桌面应用。它凭什么敢说自己免费还能离线先说免费这件事。draw.io桌面版基于 Apache 2.0 协议发布你不需要改代码的话可以拿去用于任何目的包括商业用途永久免费。它本质上是官方用 Electron 把 draw.io 核心编辑器打包成桌面应用所以和网页版功能几乎一致但又多了一层本地的底气。再说到离线。项目文档里写得很直白这款应用的设计首要目标就是安全与网络隔离——默认情况下它完全不联网唯一的例外是启动时检查更新而这一步还能彻底关掉。所有 JavaScript 都打包在本地界面部分的内容安全策略CSP直接禁止加载远程脚本。翻译成人话就是它没有能力把你的图偷偷传出去也不收集任何使用数据。你可能会问在线画图工具那么多为什么非要挑一个不联网的等你画过公司核心系统的架构图就明白了——敢不敢把数据交给别人的服务器和方不方便是两回事。装一个画图软件能有多省事安装过程比我预期的还简单。官方为每个系统都准备好了安装包Windows有三种选择。NSIS 安装包装进 Program Files需要管理员权限MSI 装到用户目录没管理员权限也能装还有免安装的便携版解压就能跑适合在公司电脑上来去无痕。macOS下载 .dmg 镜像像装其他软件一样拖进 Applications 就行。Linux提供 .AppImage 和 .deb 两种格式主流发行版基本都覆盖了。想尝鲜新功能的话也可以从源码自己构建需要 Node.js 22.12 或更高版本用git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop拉取仓库注意核心编辑器是子模块必须带--recursive然后npm install、npm start就能跑起来。不过对普通用户来说直接下载安装包就够了这一步可以跳过。从空白画布到像样的流程图其实就三步装好之后打开界面就是上图那样左侧形状库、中间画布、右侧属性面板。第一次用它画图我发现自己很快进入了状态因为核心操作只有三步第一步拖。左侧通用分类里矩形、椭圆、菱形、箭头、圆柱这些基础形状直接拖到画布上想找专业符号就用顶部的搜索框或者点更多形状加载流程图、UML、网络、数据库等分类。第二步连。从形状边缘的连接点拉出一条线另一头接到目标形状上就完成了关联。不用担心歪歪扭扭——网格、辅助线、自动对齐这些功能默认就开着线会自动吸附到最近的对齐点手再残也能画直。第三步调。选中任意元素右侧面板就能改填充色、边框、阴影还能调整个画布的纸张大小和方向。页面右下角有添加页面按钮一个文件可以拆成多页画大图时特别有用。以画一张审批流程图为例三个判断框、四条连线、一个终止符从零到能交差我用大概二十分钟其中一半时间是在纠结颜色。 顺手把自动保存勾上之后后面几天再没为忘了保存焦虑过。让我真正回不去的是这些进阶玩法如果只是拖拖拽拽免费工具很多不至于非它不可。真正让我回不去的是下面几件事格式兼容性。除了原生的 .drawio 和 .xml它还认识 .vsdxVisio 文件、.csv、Mermaid 的 .mmd/.mermaid 文件——直接把这类文件拖进窗口或作为参数传给它就能打开、继续编辑然后导出成别的格式。同事之前用 Visio 画的旧图我全接手过来了交接成本几乎为零。导出选项丰富。想交付什么格式都有PDF、PNG、JPEG、SVG、HTML还能指定只导出某一页、某一图层PNG/SVG 可以设置透明背景。这意味着图表不仅能看还能直接嵌进文档和网页。命令行批量处理。这是隐藏大招。当你要把一整个目录的图表全部导出成 PNG不用一个个打开另存为一行命令搞定draw.io --export --format png --recursive /path/to/diagrams/甚至可以配合--layout参数指定自动布局垂直流、水平流、树状、有机布局等让几十个散落的框自动排整齐。这功能放进 CI 流程里做文档自动化或者批量导出交付物都非常实用。关于安全它把丑话都说在了前头前面夸了那么多也得说说它的坦诚。项目在安全问题上从不含糊甚至有点较真想彻底关闭更新检查启动时加--disable-update参数或设置环境变量DRAWIO_DISABLE_UPDATEtrue即可适合公司统一管控的部署。图表数据存在本地标准位置macOS 在~/Library/Application Support/draw.ioWindows 在C:\Users\用户名\AppData\Roaming\draw.io\Linux 则是~/.config/draw.io。备份和迁移都很直观。它唯一提醒你留意的坑是如果图里嵌了外部图片或字体比如某个 URL 链接的素材打开这张图时应用会去请求那个地址对方服务器能看到你的 IP但不会收到任何图表内容。这个提醒很实在——至少在什么数据会出门这件事上它把丑话说在了前头。顺带一提这个项目连是否接受外部代码贡献都写得很清楚出于长期维护质量的考虑默认不接受社区 PR。这种把边界讲明白的风格反而让我更信任它的维护者。万一出问题先试这几招用了一周多唯一一次异常是某天启动后画面花屏。后来查到是显卡驱动太老。如果你也遇到启动崩溃或显示异常按这个顺序排查更新显卡驱动——大部分渲染问题都出在这。启动参数加--disable-gpu强制走软件渲染能绕开兼容性坑。清理应用数据目录里的配置缓存让它恢复默认设置试试。如果都不行项目文档里还提供了详细的开发文档和构建指南沿着 README 和 doc 目录往下翻基本都能找到答案。下一个周一我成了组里的画图担当第二周评审会上那张架构图投到屏幕上领导多看了两眼问我用的什么工具。我说免费的还能离线用投影完顺手演示了一下怎么拖框连线——结果散会后隔壁组两个同事追出来问我要安装包。现在回想draw.io桌面版打动我的不是某一个杀手级功能而是那种不添乱的气质免费不绑架你离线不监控你导出不限制你连它自己的维护边界都跟你讲得清清楚楚。如果你最近也在为画图软件纠结不如先花十分钟装一个从一张最简单的流程图开始试。等你画出第一张像样的图大概率就和我一样——回不去了。下一步我打算研究研究它那个命令行批量导出的更多参数顺便看看能不能用自动布局把团队里那些盘丝洞一样的流程图理理顺。你要是也有批量处理图表的需求咱们可以一起琢磨。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考