draw.io 桌面版离线绘图完整教程：从安装到导出，一篇讲清 5 件事
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
给团队写周报、准备一次评审汇报，最顺手的一步就是画张流程图说清楚"谁先谁后"。可打开的在线绘图页要登录，会议室里没有网，或者公司规定数据不能出内网。这种时刻需要的是一款装在本机、断网也能正常画图的 draw.io 桌面版。它把完整的 draw.io 编辑器包进了一个免费（Apache 2.0 许可）的 Electron 应用里，流程图、UML、架构图都能画。
一分钟认识 draw.io 桌面版
一句话：draw.io 桌面版（drawio-desktop）是 draw.io 编辑器的离线安装包，适合需要频繁画流程图、UML、架构图，又希望数据留在本机的用户。
- 完全离线：装好之后断网照常工作，图表内容保存在本地，不上传、不带统计回传
- 多格式产出：工程文件存
.drawio，对外分享可导出 PNG、PDF、SVG 等 - 多平台安装包：Windows（x64 / 32 位 / ARM64）、macOS（Intel / Apple Silicon）、Linux 都有对应版本
装好之后，整个界面就分成三块，各自干一件事。
装好它：三种安装方式选一种
先确认架构。Windows 在"设置 → 系统 → 关于"看系统类型；macOS 点苹果菜单"关于本机"看芯片；Linux 终端输入uname -m。拿到结果再对号下载：Intel / x86_64 下默认 64 位版，Apple Silicon 选 ARM64，M 系列之外的 Mac 选 Intel 版。
Windows 用户按权限选安装包：
| 安装包 | 安装到哪里 | 需要管理员 | 文件关联 |
|---|---|---|---|
...-windows-installer.exe（NSIS） | Program Files，全机生效 | 需要 | 自动关联.drawio |
....msi | 当前用户目录 | 不需要 | 自动关联.drawio |
...-no-installer.exe（便携版） | 免安装，放哪跑哪 | 不需要 | 不关联 |
| Microsoft Store 版 | 应用商店按用户安装 | 不需要 | 商店统一管理 |
公司电脑没有管理员权限时，MSI 和便携版都能装。便携版双击即用，但双击.drawio文件不会自动唤起它，需要用文件菜单打开。
想自己构建？编辑器核心是 git 子模块，克隆必须带--recursive，否则构建缺文件直接失败：
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm run release-win # 产物输出到 dist/，32 位 / ARM64 / Linux 见 package.json 里的其他 release 脚本构建需要 Node 22.12 以上。各平台打包参数分别写在electron-builder-win.json、electron-builder-linux-mac.json等配置文件里，一般不用改。
核心功能走查
第一次打开就认识这三块，之后基本不用找路。
形状库：拖拽即画，搜名字最快
左侧面板是形状库。顶部Search Shapes框直接敲关键词（比如uml、cylinder）最省时间；常用矩形、菱形、圆角框都在General分组，底部More Shapes...可以按领域加载更多形状库。
绘图区：无限画布 + 多页面
中间是主画布，网格背景，可以无限缩放平移。顶部工具栏从左到右依次是页面切换、缩放百分比（100%可调）、撤销/重做、删除、对齐和连接线工具。底部Page-1标签支持多页面，复杂图按模块分页，比堆在一页里好管理。
属性面板：一处管全局
选中画布空白处，右侧Diagram面板控制整页设置：Grid网格、Page View、Background、Shadow；Options里的Connection Arrows（连线默认箭头）、Guides（对齐辅助线）、Autosave（自动保存）建议保持默认；Paper Size切换页面尺寸和横竖向。
界面认识完了，下面用三件事把它真正用起来：画一张流程图、把成果导出给别人、以及让它在内网里彻底离线。
实战演练
场景一：从零画一张流程图
- 输入：一个审批流程，"开始 → 提交申请 → 是否通过 → 结束"
- 操作：
File → New新建；从左侧General拖两个矩形、一个菱形到画布，双击图形输入文字；选中矩形，按住边缘出现的小圆点拖到菱形上松开，连线自动吸附；菱形两个出口分别接不同走向 - 产出：一张结构清晰的流程图，
Ctrl+S存成.drawio文件
场景二：导出成 PNG / PDF 发给同事
- 输入：已完成的
.drawio文件 - 操作：
File菜单选导出项，格式选 PNG 或 PDF，在弹窗里调缩放比例和边距，Background按需选是否留白 - 产出：可直接贴进文档或邮件的图片，不暴露工程文件细节
场景三：内网机器彻底离线
- 输入：已安装但每次启动查更新的 draw.io
- 操作：启动参数加
--disable-update，或设环境变量DRAWIO_DISABLE_UPDATE=true（Linux/macOS 在终端export，Windows 在"系统属性 → 环境变量"里添加） - 产出：应用不再访问任何外部地址，可放心部署到完全隔离的机器
避坑清单
| 问题 | 原因 | 解法 |
|---|---|---|
双击.drawio文件没反应 | 便携版不注册文件关联 | 文件菜单打开，或改用 NSIS / MSI 安装 |
| 启动时卡在更新检查 | 默认每次启动检查新版本 | 用上一节的--disable-update或环境变量 |
| 大图操作明显卡顿 | 单页元素太多、阴影背景开得多 | 关Shadow、拆多页面、删掉无用图形 |
| 自己编译的版本被系统拦截 | 个人构建未签名（未设签名参数） | 预期行为，只在 SmartScreen / 隔离提示里手动放行自己构建的版本 |
三条补充：
- 备份很简单：拷走应用数据目录即可。Windows 在
C:\Users\<用户名>\AppData\Roaming\draw.io\，macOS 在~/Library/Application Support/draw.io - 少开大文件：同时挂多个复杂图表会吃内存，用完的窗口随手关掉
- 注意外部引用：如果图表里嵌了网络上的图片、背景或字体，打开文件时会向对应地址发请求。来源不明的
.drawio文件建议先审再开
进阶入口
想改应用本身（窗口行为、启动参数、更新逻辑），入口在 src/main/electron.js；个人构建的完整流程、签名注意事项和常见问题都写在 doc/BUILDING_FOR_PERSONAL_USE.md。编辑器核心代码在drawio子模块中，改完npm start就能本地跑起来验证。
从下载安装包到导出一张能直接发给同事的 PNG，draw.io 桌面版到这里就全通了。下一步：建一个新文件，画出你今天工作里的第一张流程图。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
