draw.io 桌面版使用指南免费开源的离线绘图工具从安装到批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop要交架构图的那天偏偏没网——在高铁上、在内网电脑上网页版打不开。draw.io 桌面版diagrams.net就是为此准备的它把整个绘图应用打包进 Electron 客户端免费开源Apache 2.0装一次就能离线画图数据只存在本机。安装选对安装包确认系统架构按部署方式选安装包Windows 官方构建会同时产出 NSIS 安装程序和 MSI 包定义见 electron-builder-win.jsonmacOS 与 Linux 提供 dmg、AppImage 等格式。按使用场景对号入座安装方式适用场景权限要求文件关联NSIS 安装程序个人电脑日常使用需要管理员自动关联 .drawioMSI 包企业批量静默部署可静默安装自动关联 .drawio便携版解压即用U 盘携带、临时试用无需权限需手动指定打开方式如何确认本机系统架构Windows设置 → 系统 → 关于查看系统类型或运行wmic os get osarchitecturemacOS苹果菜单 → 关于本机区分 Intel 处理器与 Apple M 系列芯片Linux终端执行uname -mx86_64选 64 位aarch64选 arm64对应关系很简单x64 / x86_64 选 64 位版本ARM 设备Surface Pro X、Apple M 芯片选 ARM64 版本仅 32 位老系统选 ia32 版本。首次启动注意什么窗口会以你上次的尺寸和位置打开这个偏好由应用本地存储记住。首次打开 .drawio 文件时按提示关联文件类型即可如果确认长期离线使用可以按下文方法关闭自动更新避免后台反复探测更新源。第一张图从新建到保存的完整流程顶部菜单 File → New新建一张图。菜单栏包含 File、Edit、View、Arrange、Extras、Help基本操作都从这里进。在左侧Search Shapes搜索框输入关键词如 cylinder从结果里把形状拖到画布上找不到合适的形状点左下角More Shapes...加载对应形状库。按住 Shift 从形状边缘的连接点拖出连线建立逻辑关系。双击形状编辑文字右侧Diagram面板可以开关网格Grid、调整纸张尺寸和方向。File → Save 选择路径保存为 .drawio 文件。应用默认开启自动保存草稿中途断电也不丢进度。三个常见使用场景技术文档里的架构图把组件画成矩形、数据库画成圆柱用 Extras 菜单的图层功能把网络层 / 服务层 / 数据层分开管理成图后 File → Export as → PNG把缩放设为 2 倍插进文档不会发虚。离线环境下的团队协作.drawio 文件本质是 XML 文本可以直接放进项目仓库做版本对比。给没有装 draw.io 的同事把同一张图导出为 SVG 或 PDF 分发即可双方看到的图是一致的。教学课件制作用底部Page-1标签和号拆分多页图课前逐页讲解讲义直接导出 PDF 发给学生。开课前把右侧面板的网格和 Guides 打开保证板书式排布整齐。进阶设置数据位置、自动更新与导出数据存在哪里、如何备份图表本体就是你选择保存路径的 .drawio 文件备份靠文件本身。应用自身设置窗口尺寸、最近路径等放在系统应用数据目录WindowsC:\Users\用户名\AppData\Roaming\draw.iomacOS~/Library/Application Support/draw.ioLinux~/.config/draw.io整机迁移或定期备份时把这个目录连同你的 .drawio 文件一起拷走。两种禁用自动更新的方法启动参数draw.io --disable-update环境变量# Windows set DRAWIO_DISABLE_UPDATEtrue # macOS / Linux export DRAWIO_DISABLE_UPDATEtrue想让启动参数长期生效可以把它写进桌面快捷方式目标一栏效果相同。自定义形状库与多格式导出左侧面板底部的More Shapes...可加载 AWS、UML、Cisco 等官方形状库加载一次后本地长期可用。File → Export as 支持 PNG、JPG、SVG、PDF、HTML命令行同样支持批量导出例如drawio -x --format pdf 图.drawio -o 目录/适合脚本里一次转换整个目录。常用构建配置文件文件用途electron-builder-win.jsonWindows 64 位产出 NSIS 与 MSIelectron-builder-win32.jsonWindows 32 位ia32electron-builder-win-arm64.jsonWindows ARM64electron-builder-linux-mac.jsonLinux 与 macOSelectron-builder-appx.jsonMicrosoft StoreAppX所有构建产物统一输出到dist/目录。给开发者源码构建依赖 Node.js 22.12 及以上。仓库带有 drawio 子模块clone 后需要先初始化git clone https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop git submodule update --initnpm install npm run sync npm run release-linuxnpm run sync会读取子模块版本号写回 package.jsonsync.cjs 就是这段逻辑。构建命令按平台替换为 release-win、release-win32、release-win-arm64 或 release-appx。核心入口src/main/electron.js 是主进程窗口、自动更新、CLI 解析都在这src/main/args.js 负责命令行参数preload.js 是渲染进程桥接脚本。避坑指南高频问题速查双击 .drawio 打不开 → 便携版不注册文件关联用 File → Open 手动打开或自行设置默认打开程序大图画得卡顿 → 用底部标签拆分成多页避免单页堆几千个形状更新检查一直失败 → 离线环境执行上文的禁用更新步骤之后手动下载新版覆盖安装即可导出 PNG 边缘模糊 → 导出对话框把缩放调到 2 倍再导出SVG 里中文显示异常 → 导出 SVG 时嵌入字体命令行对应 --embed-svg-fonts升级后窗口位置跑到屏幕外 → 窗口偏好存在应用数据目录里清除该目录下对应的窗口尺寸记录可重置适合谁用如果你经常在没有网络的环境下交付图表外勤、内网机器、教室或者希望把图当作代码的一部分纳入版本管理这套桌面端值得装一台。建议从一张简单流程图上手顺手之后按场景加载形状库别一次性把所有功能都点开。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考