draw.io 桌面版教程：离线安装并导出你的第一张架构图

draw.io 桌面版教程：离线安装并导出你的第一张架构图

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

周五前要把架构图导出发给客户，电脑却连不上外网。draw.io 桌面版是一款免费开源的离线绘图工具，本教程带你完成安装、画图、导出 PNG 的完整流程，全程不依赖联网。

一分钟认识 draw.io 桌面版

它不是网页版套壳，而是把 draw.io 核心编辑器包进 Electron 的官方桌面客户端，专门用来离线画流程图、UML 图和架构图。

• 是什么：基于 Electron 的官方桌面应用，功能与在线版核心一致，画布、形状库、导出都在本地完成。
• 开源许可：采用 Apache-2.0 协议，不修改代码、按"现状"接受的话，可自由用于任何目的。
• 支持平台：Windows、macOS、Linux 三大系统都有对应安装包。
• 隐私设计：默认与互联网隔离（除启动时的更新检查外），图表数据不向外部发送，也没有使用统计。

⚡ 最快跑起来：下载与首次启动

最短路径是去官方发布页下载对应系统的安装包，双击装好就能用，不需要写代码。

先确认你的系统架构，再下载对应的版本：

查看方法：Windows 看"设置 → 系统 → 关于"里的系统类型；Mac 点苹果菜单 → 关于本机看处理器；Linux 在终端跑uname -m。

装好后双击启动，会直接看到一张带网格的空白画布，左侧是形状库，这就说明装成功了。

如果你要二次开发或定制，才需要从源码构建。先装好 Node.js 22.12 及以上版本，然后：

git clone https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start

npm start会直接从源码把应用跑起来，改完不用打包就能看到效果。各平台的打包命令分别由electron-builder配置文件驱动，例如 Windows 64 位见 electron-builder-win.json。

✏️ 跟做完一张真实的图

跟着做，五步就出一张能导出的流程图。

1. 新建：点左上角 File → New，画面是一张带浅色网格的空白画布。
2. 拖图形：在左侧形状库的 General 分类里拖一个矩形（Rectangle）到画布，松手后它会自动对齐到网格上。
3. 连线：把鼠标移到图形边缘，出现黄色的连接点，按住拖到第二个图形再松开，会生成一条带箭头的连接线。
4. 改样式：单击选中图形，在右侧的格式（Format）面板里改填充色、边框和字体，改动即时生效。
5. 导出：点 File → Export as → PNG，选好保存位置，目录里就出现了一张图片文件。

每步都看得到即时反馈：拖到画布图形会高亮，连线时另一端悬停会显示可吸附的点。这样一张"开始 → 处理 → 结束"的简单流程图就画完了。

⚙️ 真正影响体验的几个设置

只挑三个最影响日常使用的设置讲透。

关闭自动更新（纯离线环境必做）。应用启动时会联网检查新版本，内网机器上这一步可能一直转圈。想彻底关掉，启动时加参数--disable-update，或设置环境变量DRAWIO_DISABLE_UPDATE=true后再启动。改完应用就不再碰网络，适合公司统一管控的机器。

找到数据存放位置（备份就看这里）。你的图表和偏好都存在本地应用数据目录里：

• Windows：C:\Users\<用户名>\AppData\Roaming\draw.io\
• macOS：~/Library/Application Support/draw.io
• Linux：~/.config/draw.io/

想备份时直接复制这个目录即可。

导出时选对格式。要插进文档或发图用 PNG；要放大打印不糊用 SVG（矢量）；要留一份还能继续编辑的备份，直接保存.drawio原文件。同一个图导出多种格式，互不覆盖。

⚠️ 新手最常踩的 3 个坑

坑一：用便携版后，双击.drawio文件打不开。后果：便携（免安装）版不会注册文件类型关联，你每次都得先打开程序，再手动把文件拖进去。 解法：日常使用就装 NSIS 或 MSI 安装版，它们会自动关联文件类型；坚持用便携版的话，去系统设置里手动把.drawio关联到该程序。

坑二：以为开了新窗口，其实还在旧实例里。后果：draw.io 同一时间只允许运行一个实例。你已经有一个窗口开着时再启动，新内容是在旧实例里开出来的，你新带的启动参数或改动不生效，还以为是程序出 bug。 解法：启动前先确认旧的 draw.io 已经完全退出，再重新启动。

坑三：没有管理员权限，安装包直接失败。后果：draw.io-<版本>-windows-installer.exe（NSIS 安装器）是装到 Program Files 的全局安装，需要管理员权限，权限不够会装不上或卡住。 解法：没权限就改选.msi（按用户安装，不需要权限），或者直接用便携版，三选一都不会被权限挡住。

🎯 适合谁，不适合谁

一张表帮你对号入座，判断它能不能进你的工作流。

下一步

去发布页下好你系统的安装包装起来，按上面的五步把一张流程图导成 PNG。装完就能直接离线开工。

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