draw.io 桌面版:免费 Visio 替代方案,5 分钟上手的流程图工具
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
draw.io 桌面版(drawio-desktop)是一个完全免费、Apache 2.0 许可的开源图表工具,把 draw.io 编辑器封装成 Electron(用网页技术写桌面应用的框架)应用,支持 Windows、macOS 和 Linux。它解决的核心问题只有一个:让你不花一分钱买 Visio,也能在本地离线画流程图、UML 和网络拓扑图,并且能直接导入 Visio 的 VSDX 文件。你的图保存在本地,默认不会上传到任何服务器。
先看它合不合适
它更适合有明确画图需求、又在意数据留本地的场景。下面这张表能帮你快速判断:
| 适合谁 | 不适合谁 |
|---|---|
| 常画流程图、UML、网络拓扑的个人和团队 | 需要多人同时在浏览器里编辑同一张图的场景(桌面版是本地单用户工具) |
| 有合规要求、图表数据不能出内网的企业 | 想给项目提 PR 的开发者(官方长期关闭外部贡献) |
| 需要把 Visio 老文件迁移过来的人 | 只想要一个轻量网页版、不愿装桌面应用的场景 |
| 没有管理员权限、需要免安装版本的机器(用 MSI 或便携版) | 追求实时在线协同与云端同步的团队 |
draw.io 桌面版安装方式:预编译包与源码构建
普通用户(默认推荐):到项目仓库的 releases 页下载对应平台的安装包,装完即用。Windows 有三种形态:exe 安装器装到 Program Files、需要管理员权限;msi 装到用户目录、不需要管理员权限;no-installer 便携版免安装。没有权限的机器选后两者即可。
开发者:从源码跑起来需要 Node 22.12 以上,四步完成:
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start注意--recursive不能省,核心编辑器 draw.io 是以子模块(submodule,嵌套在主仓库里的独立代码库)形式存放的。
第一次打开 draw.io 界面怎么用
刚打开它,界面分三块:左侧是形状库,顶部有搜索框,下面按 General 等分类摆着矩形、菱形、圆角矩形等基础形状;中间是带网格的画布;右侧面板管当前页,网格、背景、纸张大小(默认 US-Letter)都在那里调。
建第一张图的动作很直接:从左侧拖一个矩形进画布当起点,再拖一个菱形当判断,用顶部的连接线工具把两者连起来,双击图形输入文字。画完按 Ctrl+S 保存成 .drawio 文件,或从 File 菜单导出为 PNG、SVG、PDF。整个过程不需要联网。
按使用场景看 draw.io 能做什么
流程梳理:用泳道图(swimlane,把画面按角色分成条带的图)画审批流程,每个泳道代表一个岗位,箭头只在泳道间跳转,谁该在哪一步接手一目了然。
架构设计:左侧形状库里找网络类形状,拖出路由器、服务器,连线画一张机房拓扑;UML 类图和时序图同样内置,评审时直接截图就能贴进文档。
团队协作:.drawio 文件本质是 XML,文本格式天然适合放进 Git 做版本管理和 diff 审查;导出 PNG 或 PDF 发给非技术同事,macOS 用户还能在 Finder 里按空格直接预览。
效率技巧
- 把常用图存成模板:画完一张规范的流程图,导出前先把可复用的结构整理好,下次从模板起笔而不是白板开始。
- 记住这几组快捷键:Ctrl+S 保存、Ctrl+Z 撤销、Ctrl+G 组合选中元素、Ctrl+Shift+G 取消组合。
- 用 Shift+点击多选配合对齐工具:批量整理散乱的元素比逐个拖动快得多。
- 企业部署时用 msi 静默安装:它装到用户目录、不需要管理员权限,适合统一下发。
- 安全要求高就关更新检查:设置环境变量
DRAWIO_DISABLE_UPDATE=true或启动时加--disable-update,应用默认与互联网隔离,更新检查是唯一的例外。
常见问题排查顺序
遇到装不上时:先查 Windows 上选对了形态没有(exe 要管理员权限、msi 和便携版不要),再查系统版本是否匹配安装包架构。
遇到npm install 失败时:先查 Node 版本是否达到 22.12 以上,再看网络代理配置和 npm 缓存(npm cache clean --force后重试)。
遇到VSDX 导入后元素错位时:先确认原文件本身能正常打开、没有损坏,再重新导入核对形状和连接;文件过大时拆成几个小文件分别导。
遇到打开图后出现异常请求时:先查这张图里是否嵌了外部图片、背景或字体的 URL——这些资源会在打开文件时从网络拉取,来路不明的 .drawio 文件可能借此把 IP 等元数据泄露给对方。
资源入口
draw.io 桌面版以 Apache 2.0 许可免费开放,默认与互联网隔离,图表数据不会被上传。想查下载渠道和支持说明,看仓库根目录的 README.md;想理解更新检查、启动参数这些逻辑,直接读 src/main/ 目录下的 electron.js 和 args.js。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考