draw.io 桌面版离线绘图完整指南：安装、画图与批量导出一次讲清-港品优选

draw.io 桌面版离线绘图完整指南：安装、画图与批量导出一次讲清

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

draw.io 桌面版是官方出品的免费离线绘图工具，把 draw.io 编辑器打包成本地应用，装上就能离线画流程图和架构图，数据全部留在你自己的电脑上。

🎯 它适合你吗

给文档配架构图的开发者、汇报要画流程的项目经理、没网教室现画现讲的老师，它都合适：Apache 2.0 许可、免费开源，当前版本 31.3.2，离线可用，图不存任何服务器。

边界也直说：它没有实时协作，也不做云端同步，多人同时在线改一张图这件事做不到，别指望。

📦 装之前先想清楚

先按系统挑包，再按权限挑装法，两件事分开定。

系统	推荐包
Windows x64	NSIS 或 MSI 安装包
Windows 32 位	win32 安装包，仅老设备
Windows ARM64	arm64 包或便携版
macOS Intel	dmg（x64）
macOS Apple Silicon	dmg（arm64），universal 通用包也行
Linux	AppImage / deb / rpm，x64 与 ARM64 都有

Windows 上三种装法怎么选：

方式	装到哪	管理员权限	文件关联
NSIS 安装包	全机（Program Files）	需要	自动注册 .drawio、.vsdx、Mermaid
MSI 安装包	当前用户目录	不需要	自动注册
便携版	免安装直接运行	不需要	不注册，需手动指定

微软商店（APPX）版本也按用户安装，不占管理员权限。

自己打包的话：核心编辑器 drawio 是 git 子模块，克隆要带--recursive，Node.js 需 22.12 以上，产物落在dist/目录：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm run release-linux

Windows 换成npm run release-win（64 位）或npm run release-win-arm64。每条命令背后对应一份 electron-builder 配置：electron-builder-win.json 定义 64 位 Windows 包的文件关联与签名；electron-builder-linux-mac.json 覆盖 macOS 的 dmg 和 Linux 全部格式。打个人非签名版见 doc/BUILDING_FOR_PERSONAL_USE.md。

🖱️ 第一次上手

启动后中间是空白画布，左边是形状面板：

在形状面板里搜索或展开分类，把一个圆角矩形拖到画布上；
鼠标悬停在图形边缘，出现连接锚点，拖出连线接到另一个图形上；
双击图形即可打字；
顶部菜单「文件 → 保存」，选目录命名，默认扩展名 .drawio。

内容多了就往底部页面标签里拆新页；缩放与网格在右侧面板调。

🔧 真实场景里怎么打

给技术文档批量配图

要解决：文档里的架构图、流程图要从 .drawio 变成统一格式的 PNG/PDF。怎么做：命令行批量导出，一条命令处理一个文件：

drawio -x -f pdf 架构图.drawio

要留意的细节：这条命令也接受 .vsdx、csv 和 Mermaid 文件，整个目录可以一次跑完，不用一张张手动导。

团队异步协作

要解决：远程团队不依赖实时共编怎么迭代。怎么做：.drawio 文件提交进 git，每个 commit 对应一版图；交接时直接把文件发给同事，对方桌面版打开就能接着改。便携版放 U 盘里，借一台机器也能继续改。

断网教室现场画图

要解决：教室断网，课件里的图要现场改。怎么做：离线照样启动、画图，下课前导出 PDF 发给学生。习惯 Visio 的老师可以直接打开 .vsdx 文件，老用户基本零切换成本。

🔒 隐私与数据

默认它唯一的网络行为是启动时的版本检查：内容安全策略禁止运行远程加载的 JavaScript，不发送任何使用统计，图表内容也不会上传到任何服务器。一个例外——图里若引用了外部图片、背景或字体，打开时会向对应地址发请求，所以打开来路不明的图前先确认下来源。

图表与应用状态都放在本机，目录如下，整目录拷走就是一次完整备份：

系统	数据目录
Windows	`C:\Users\<用户名>\AppData\Roaming\draw.io\`
macOS	`~/Library/Application Support/draw.io`
Linux	`~/.config/draw.io/`

内网环境要全离线，关掉更新检查即可：启动时加--disable-update，或设环境变量DRAWIO_DISABLE_UPDATE=true。

drawio --disable-update

❓ 常见问题

双击 .drawio 文件没反应？多半是用了便携版，它默认不注册文件关联。换 NSIS 或 MSI 装一次，或手动把 .drawio 的默认打开程序指向桌面版。

内网电脑第一次启动就报错、超时？是启动时的更新检查连不出去，加--disable-update禁用即可。

换电脑前，所有图和设置怎么带走？把上面的数据目录整目录复制走就行，图表和本地状态都在里面。

两个人能同时在线改一张图吗？不能。离线工具的定位下，异步传文件加 git 管版本是最常见的工作流。

商业项目里免费用合规吗？合规。Apache 2.0 许可允许任意用途，前提是不改代码、按「原样提供」的方式使用。

🚀 接下来

把项目里的 .drawio 文件纳入 git，每次修改都有版本记录；
给数据目录做一次整目录备份；
用-x导出参数试着一口气为一个文档批量生成全套 PNG。

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析