draw.io 桌面版实战指南离线绘图工具的安装、文件管理与批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版是一款基于 Electron 的离线绘图应用图表数据只保存在你自己的电脑上。它覆盖 Windows、macOS 和 Linux适合需要画流程图、网络拓扑、UML 图且不希望文件离开本机的架构师、产品经理和技术写作人员。下面按能不能离线用 → 装哪里 → 文件在哪 → 怎么导出 → 怎么自己构建的实际操作路径带你过一遍。能不能完全离线先看数据流向结论先行可以而且这是它的默认设计。官方在 README.md 中明确说明桌面版被设计成与网络完全隔离唯一的例外是启动时检查更新。几个值得知道的事实图表数据从不外发也没有任何使用统计被上传Content Security Policy 禁止加载远程 JavaScript应用自身被限制只能连接自己想彻底关掉更新检查设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时加--disable-update即可适合统一管理的环境一个边界情况如果图表里嵌了 URL 图片、字体等资源打开文件时会去请求这些地址以正常渲染。打开来路不明的文件前留意这一点。安装方式Windows 上有三种形态从发布渠道下载官方安装包时Windows 用户会遇到三个版本选错会碰到权限问题安装包安装范围权限要求-windows-installer.exeNSIS整机Program Files需要管理员.msi当前用户无需管理员-windows-no-installer.exe免安装便携版无需管理员但不注册文件关联没有管理员权限的机器选 MSIU 盘随身跑就选便携版。macOS 与 Linux 则分别是常规安装包和 AppImage/deb/rpm 等形式。文件存在哪怎么管版本这是桌面版相比在线工具最关键的一点每个图表就是本地磁盘上的一个 XML 文件你可以把它当普通文档对待用 Git 提交进仓库天然获得完整修改历史换设备就是拷文件不存在云端账号迁移问题纯文本 XML 结构也方便脚本处理或做格式校验。应用自身的设置类缓存Local/Session Storage、electron-store 的配置则放在系统应用数据目录macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\这两个位置是应用运行数据不是你的图表——图表永远只在你自己保存时选择的位置。一个 macOS 的小技巧在访达里选中.drawio文件按空格键可以直接预览渲染后的图不用打开应用。导出成哪些格式批量转换怎么做交互界面里导出 PNG、JPEG、PDF、SVG 都很直接。更实用的是命令行导出——桌面版把编辑器本身做成了一个转换工具参数定义在 src/main/args.js 中。支持的格式有六种pdf默认、png、jpeg/jpg、svg、xml、html。常用参数组合示例# 把 .drawio 文件导出为 2 倍缩放的透明底 PNG drawio --export diagram.drawio -f png -t -s 2 # 批量把整个文件夹转成 PDF drawio --export diagrams/ -o out/几个在 args.js 里能验证到、但容易被忽略的选项-r对文件夹输入递归处理子目录-o指定输出文件或输出目录省略时按输入文件名加格式后缀命名-e在 PNG/SVG/PDF 里内嵌一份图表副本导出的图再打开仍可编辑-g 1..5PDF 只导出第 1 到 5 页-a导出全部页--transparentPNG/SVG 透明背景--theme dark可输出深色主题图输入除了.drawio文件还支持Visiovsdx、CSV 和 Mermaid.mmd/.mermaid——Mermaid 文件默认导出为可编辑图表。三栏界面各管什么上手时先认清三个区域的分工比逐个菜单翻快得多左侧顶部是Search Shapes搜索框直接打关键词找形状中间是Scratchpad草稿区把正在整理、暂时不上图的元素拖进来暂存下方是 General 形状集More Shapes...能展开网络、BPMN、UML 等更多分类。中央网格画布 底部页签。多页图表在页签之间切换导出 PDF 时默认就是逐页导出的。右侧Diagram 属性面板控制网格、页视图、背景、连接线箭头与连接点显隐、纸张尺寸和方向等。比如关闭Connection Points后画布更干净大图的拖动也会更跟手。处理大型图表时把暂时不动的元素用Arrange → Group分组、用图层隐藏是保持流畅的常用办法。进阶从源码运行和构建自己的版本日常使用直接装官方发布版即可。但如果你想跑最新代码、或者给界面做点私有改动流程如下项目 Apache 2.0 许可fork 自用完全没问题git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start两个必须注意的点--recursive不能省。编辑器核心 draw.io 是一个 git submodule漏掉它构建会直接失败已经 clone 过的话补一句git submodule update --init。构建前需要Node.js 22.12并先跑npm run sync从drawio/VERSION同步版本号。如果你要打包成正式安装程序而不是npm start直接跑个人构建是不签名的设置DRAWIO_UNSIGNEDtrue再执行 electron-builder构建前还要跑npm run sync -- disableUpdate禁用自动更新否则它会把你的自定义构建更新回官方版。macOS/Windows/Linux 各自的完整命令和坑比如 dmg 拷贝到别的机器要清隔离标记都写在 doc/BUILDING_FOR_PERSONAL_USE.md 里建议直接照做。开发调试时设置DRAWIO_ENVdev会自动打开 DevToolsnpm start --enable-logging可看详细日志更多背景见 DEVELOPMENT.md。一句话总结draw.io 桌面版把绘图工具做成了本地文件 转换引擎XML 文件躺在你的磁盘里导出格式从 PNG 到 PDF 再到 HTML 都能给命令行还能批量干活。对需要处理敏感图表或长期离线工作的团队先装一个官方 MSI/dmg 跑通流程再按需深入 CLI 参数就是最短的上手路径。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/8/30 10:56:28 · 阅读 1.2k draw.io 桌面版实战指南：离线绘图工具的安装、文件管理与批量导出
draw.io 桌面版实战指南离线绘图工具的安装、文件管理与批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版是一款基于 Electron 的离线绘图应用图表数据只保存在你自己的电脑上。它覆盖 Windows、macOS 和 Linux适合需要画流程图、网络拓扑、UML 图且不希望文件离开本机的架构师、产品经理和技术写作人员。下面按能不能离线用 → 装哪里 → 文件在哪 → 怎么导出 → 怎么自己构建的实际操作路径带你过一遍。能不能完全离线先看数据流向结论先行可以而且这是它的默认设计。官方在 README.md 中明确说明桌面版被设计成与网络完全隔离唯一的例外是启动时检查更新。几个值得知道的事实图表数据从不外发也没有任何使用统计被上传Content Security Policy 禁止加载远程 JavaScript应用自身被限制只能连接自己想彻底关掉更新检查设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时加--disable-update即可适合统一管理的环境一个边界情况如果图表里嵌了 URL 图片、字体等资源打开文件时会去请求这些地址以正常渲染。打开来路不明的文件前留意这一点。安装方式Windows 上有三种形态从发布渠道下载官方安装包时Windows 用户会遇到三个版本选错会碰到权限问题安装包安装范围权限要求-windows-installer.exeNSIS整机Program Files需要管理员.msi当前用户无需管理员-windows-no-installer.exe免安装便携版无需管理员但不注册文件关联没有管理员权限的机器选 MSIU 盘随身跑就选便携版。macOS 与 Linux 则分别是常规安装包和 AppImage/deb/rpm 等形式。文件存在哪怎么管版本这是桌面版相比在线工具最关键的一点每个图表就是本地磁盘上的一个 XML 文件你可以把它当普通文档对待用 Git 提交进仓库天然获得完整修改历史换设备就是拷文件不存在云端账号迁移问题纯文本 XML 结构也方便脚本处理或做格式校验。应用自身的设置类缓存Local/Session Storage、electron-store 的配置则放在系统应用数据目录macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\这两个位置是应用运行数据不是你的图表——图表永远只在你自己保存时选择的位置。一个 macOS 的小技巧在访达里选中.drawio文件按空格键可以直接预览渲染后的图不用打开应用。导出成哪些格式批量转换怎么做交互界面里导出 PNG、JPEG、PDF、SVG 都很直接。更实用的是命令行导出——桌面版把编辑器本身做成了一个转换工具参数定义在 src/main/args.js 中。支持的格式有六种pdf默认、png、jpeg/jpg、svg、xml、html。常用参数组合示例# 把 .drawio 文件导出为 2 倍缩放的透明底 PNG drawio --export diagram.drawio -f png -t -s 2 # 批量把整个文件夹转成 PDF drawio --export diagrams/ -o out/几个在 args.js 里能验证到、但容易被忽略的选项-r对文件夹输入递归处理子目录-o指定输出文件或输出目录省略时按输入文件名加格式后缀命名-e在 PNG/SVG/PDF 里内嵌一份图表副本导出的图再打开仍可编辑-g 1..5PDF 只导出第 1 到 5 页-a导出全部页--transparentPNG/SVG 透明背景--theme dark可输出深色主题图输入除了.drawio文件还支持Visiovsdx、CSV 和 Mermaid.mmd/.mermaid——Mermaid 文件默认导出为可编辑图表。三栏界面各管什么上手时先认清三个区域的分工比逐个菜单翻快得多左侧顶部是Search Shapes搜索框直接打关键词找形状中间是Scratchpad草稿区把正在整理、暂时不上图的元素拖进来暂存下方是 General 形状集More Shapes...能展开网络、BPMN、UML 等更多分类。中央网格画布 底部页签。多页图表在页签之间切换导出 PDF 时默认就是逐页导出的。右侧Diagram 属性面板控制网格、页视图、背景、连接线箭头与连接点显隐、纸张尺寸和方向等。比如关闭Connection Points后画布更干净大图的拖动也会更跟手。处理大型图表时把暂时不动的元素用Arrange → Group分组、用图层隐藏是保持流畅的常用办法。进阶从源码运行和构建自己的版本日常使用直接装官方发布版即可。但如果你想跑最新代码、或者给界面做点私有改动流程如下项目 Apache 2.0 许可fork 自用完全没问题git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start两个必须注意的点--recursive不能省。编辑器核心 draw.io 是一个 git submodule漏掉它构建会直接失败已经 clone 过的话补一句git submodule update --init。构建前需要Node.js 22.12并先跑npm run sync从drawio/VERSION同步版本号。如果你要打包成正式安装程序而不是npm start直接跑个人构建是不签名的设置DRAWIO_UNSIGNEDtrue再执行 electron-builder构建前还要跑npm run sync -- disableUpdate禁用自动更新否则它会把你的自定义构建更新回官方版。macOS/Windows/Linux 各自的完整命令和坑比如 dmg 拷贝到别的机器要清隔离标记都写在 doc/BUILDING_FOR_PERSONAL_USE.md 里建议直接照做。开发调试时设置DRAWIO_ENVdev会自动打开 DevToolsnpm start --enable-logging可看详细日志更多背景见 DEVELOPMENT.md。一句话总结draw.io 桌面版把绘图工具做成了本地文件 转换引擎XML 文件躺在你的磁盘里导出格式从 PNG 到 PDF 再到 HTML 都能给命令行还能批量干活。对需要处理敏感图表或长期离线工作的团队先装一个官方 MSI/dmg 跑通流程再按需深入 CLI 参数就是最短的上手路径。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考