draw.io 桌面版：离线绘图与安装完全指南
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
架构图画到一半，断网了，在线编辑器白屏转圈。draw.io 桌面版是官方离线绘图版，把整个编辑器搬进本地应用，断网照常画，文件只存在你自己的电脑上。
先确认架构，3 步装好并打开第一张图
- 右键"此电脑"→"属性"，看系统类型：64 位选 x64，32 位选 ia32，ARM 处理器选 ARM64。
- 到项目的发布页下载对应安装包，双击安装。三种 Windows 包按权限选：标准安装程序（
draw.io-<版本号>-windows-installer.exe）装到 Program Files、需要管理员权限；.msi按用户安装、不需要管理员权限；便携版（-windows-no-installer.exe）免安装，放 U 盘直接跑。 - 启动软件：File → New 新建画布，从左侧形状库拖一个矩形到画布，Ctrl+S 保存。至此离线绘图环境已就绪。
桌面版基于 Electron（一个把网页应用打包成桌面程序的框架）构建，所以界面和在线版几乎一样。装完首次启动会做一次更新检查，联网环境下忽略提示即可。
汇报、离线架构、换机协作：3 个真实场景
给老板汇报的流程图。左侧面板顶部的 Search Shapes 输入关键词直接搜图形，拖到画布上自动按网格对齐。左侧的 Scratchpad 是草稿板，试放图形不怕弄乱主画布。选中图形后，右侧属性面板可调字号、颜色和边框，多选能批量改。汇报前 File → Export as 导出 PNG 或 PDF 贴进 PPT。
完全离线画系统架构。桌面版默认与互联网隔离，唯一例外是启动时的更新检查。要彻底关干净：设环境变量DRAWIO_DISABLE_UPDATE=true，或在快捷方式目标后加--disable-update。内容安全策略还禁止运行远程加载的 JavaScript，图表内容传不出去。所有数据存在C:\Users\<用户名>\AppData\Roaming\draw.io\，备份就是复制这个文件夹。
换台电脑接着画。图表就是本地 .drawio 文件，拷走即可继续。有个细节要知道：图表里若嵌了外部图片链接，打开时会去请求那个地址，可能把 IP 暴露给对方——别人的图打开前先看清来源。
从源码构建个人版，改默认行为再打包
适合想定制默认行为的人，需要 Node.js 22.12 以上：
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop # --recursive 必须带，编辑器核心是子模块 cd drawio-desktop npm install # 安装依赖 npm start # 直接从源码启动，日常用可以停在这一步打包成安装程序前，先同步版本并关闭自动更新，否则你的修改会被官方新版悄悄覆盖：
npm run sync -- disableUpdate # 同步版本 + 禁用自动更新 $env:DRAWIO_UNSIGNED="true" # PowerShell：跳过代码签名 npx electron-builder --config electron-builder-win.json --publish never产物在dist/。macOS/Linux 的打包命令、SmartScreen 警告处理、后续版本维护，见 doc/BUILDING_FOR_PERSONAL_USE.md。
常见坑，按现象对号入座
- 启动自编译版，弹出的却是官方版窗口。原因：同一用户只允许运行一个 draw.io 实例。解法：先关掉所有正在运行的 draw.io 再启动。
- Windows 打包报错，提到 Trusted Signing。原因：没设
DRAWIO_UNSIGNED。解法：在当前终端设$env:DRAWIO_UNSIGNED="true"后重跑，变量只在当前会话有效。 - 安装自编译包时 SmartScreen 拦截。原因：个人构建没有代码签名。解法：更多信息 → 仍要运行；别把自编译包装成官方版发给别人。
- 改的代码隔几天"自己"还原了。原因：自动更新把官方版覆盖回来。解法：构建前跑
npm run sync -- disableUpdate，或启动时加--disable-update。 - 便携版双击 .drawio 文件没反应。原因：便携版不注册文件关联。解法：右键文件 → 打开方式，手动选便携版 exe。
打开软件，从模板库挑一个最接近你需求的模板，拖一个形状进画布，Ctrl+S 存下。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
