draw.io 桌面版完整指南免费跨平台画图装完即画还能批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop还在为画图工具交年费或者忍受网页版没有真正的文件菜单、批量导出靠手点的尴尬draw.io 桌面版drawio-desktop是 draw.io 官方编辑器的桌面客户端基于 Electron 封装Apache 2.0 开源Windows、macOS、Linux 三端离线开箱即用还支持从命令行批量转换整目录图表。它是什么一个薄壳 完整编辑器drawio-desktop 的结构很简单src/main/下的 Electron 主进程代码只是一层外壳入口src/main/electron.js、参数解析src/main/args.js真正的绘图能力来自drawio/子模块里的 draw.io 核心编辑器。外壳负责窗口管理、文件关联、更新检查和命令行入口编辑器负责画图本身。核心卖点免费Apache 2.0 许可证不改代码、接受按现状提供即可任意用途使用无订阅、无功能阉割跨平台Windowsx64 与 arm64、macOS、Linux 都有官方构建离线优先默认断网可用唯一例外是启动时检查一次更新格式兼容可导入 .drawio、.vsdxVisio、.csv、.mmd/.mermaid可导出 pdf、png、jpeg、svg、xml、html 六种格式命令行友好终端里一条命令就能完成导出、批量转换、自动布局当前仓库版本为 31.3.1。Windows、macOS、Linux 三种装法Windows三个包按权限选官方在 release 页发布三种 Windows 构建选哪个取决于你有没有管理员权限安装包安装范围权限要求draw.io-版本-windows-installer.exeNSIS 安装器装到 Program Files需要管理员draw.io-版本.msi装到当前用户目录不需要管理员draw.io-版本-windows-no-installer.exe绿色便携版免安装不需要管理员但不注册文件类型关联另外Microsoft StoreAPPX版本也可以按用户安装、免管理员。公司电脑没有管理员权限的话直接选 .msi。macOS下载 dmg 拖进去下载 dmg 镜像把应用图标拖到应用程序文件夹即可不需要额外配置。LinuxAppImage 或 debAppImage给文件加上执行权限后直接运行不污染系统deb 包走系统级安装适合长期使用的机器怎么确认装好了命令行输入以下命令能打印出版本号就说明入口正常drawio -V或者最直观的方式双击任意一个.drawio文件能被应用接管打开就是装好了。从启动到画出第一张图第一次打开界面是经典的三栏布局顶部菜单文件、编辑、视图等全部功能入口工具栏缩放、撤销、对齐这类高频操作左侧形状库按类别组织的图形元素中央画布带网格的绘图区支持精确对齐右侧属性面板选中元素后的样式与格式设置走一遍完整流程5 步画一张流程图从左侧 General 类别拖一个矩形到画布双击矩形输入文字用连接工具把几个形状连起来在右侧属性面板调整颜色、字体、线型文件 → 保存为.drawio或文件 → 导出为 PNG / PDF导入与导出差异化的地方Visio 文件直接打开draw.io 内置 VSDX 解析引擎导入 Visio 文件时能保留形状、连接线、文本格式和图层结构。这意味着团队里存量的 .vsdx 资产不用重新画打开就能继续编辑导出时还能转成 draw.io 自己的格式。除了 vsdxCSV 表格和 Mermaid.mmd/.mermaid文本也是合法的输入。导出格式一览格式典型用途PNG网页、文档插图JPEG通用图片文件更小SVG矢量缩放不失真适合前端PDF打印与正式交付HTML带交互的图表可嵌入网页XML结构化数据交换命令行批量导出图表这是桌面版相对网页版最实际的优势之一。命令行入口支持直接传入文件或整个文件夹drawio [options] [input file/folder]...几个真实场景# 单文件导出为 PNG drawio --export -f png process.drawio # 递归批量转换整个目录含子目录为 SVG drawio --export --recursive -f svg ./diagrams # Visio 文件直接转 PNG外加 20px 边框 drawio --export -f png --border 20 network.vsdx # 先跑一次自动布局再导出 drawio --export --layout verticalFlow -f png draft.drawio常用参数速记-o指定输出路径--size diagram|page决定按图表内容还是整页裁切-a导出 PDF/HTML 的全部页面--page-range 1..3指定 PDF 页码--layers 0,1只导出指定图层-t给 PNG/SVG 透明背景--layout支持 verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic 等预设。多页文档导出 PDF 时加-a就能一次出完整文件。效率设置快捷键、离线模式、数据位置常用快捷键操作Windows / LinuxmacOS新建 / 打开 / 保存CtrlN / CtrlO / CtrlS⌘N / ⌘O / ⌘S撤销 / 重做CtrlZ / CtrlY⌘Z / ⌘Y复制 / 粘贴 / 全选CtrlC / CtrlV / CtrlA⌘C / ⌘V / ⌘A删除DeleteDelete放大 / 缩小Ctrl / Ctrl-⌘ / ⌘-彻底断网禁用自动更新应用默认与网络隔离唯一例外是启动时到官方发布通道检查新版本。如果你希望完全断网比如集中管控的企业环境两种方式任选# 环境变量 export DRAWIO_DISABLE_UPDATEtrue # 或启动参数 drawio --disable-update安全层面还有一层保障界面侧的 Content Security Policy 禁止加载远程 JavaScript图表数据和任何使用分析都不会发往外部。一个细节要注意——图表里如果引用了 URL 上的图片、背景或字体打开时会按地址去取资源以保证正常渲染所以打开来路不明的图表可能向对方服务器暴露你的 IP不发送图表内容。数据存在哪里所有图表都在本地处理本地存储与会话数据放在macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\备份或迁移环境时盯着这个目录就行。源码跑起来开发模式与个人构建想追最新版、改点东西或者纯粹想看看这层壳怎么写的从源码跑起来只需要三步git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start注意--recursive不能省——核心编辑器是 git 子模块漏了构建会直接失败。环境要求 Node 22.12。调试时加环境变量DRAWIO_ENVdev可以开 DevTools 并进入开发模式npm start --enable-logging则打开详细日志。一个容易踩的坑draw.io 对每个用户只允许单实例运行。如果官方版正在运行你启动自编译副本时新窗口会开在官方实例里改动不生效。先把已运行的 draw.io 全部退出再启动。要改完打包成自己的安装版流程写在doc/BUILDING_FOR_PERSONAL_USE.md里关键两点设置DRAWIO_UNSIGNEDtrue跳过代码签名个人构建未签名系统会弹安全提示属预期行为然后npm run sync -- disableUpdate禁用自动更新——否则应用会把自己悄悄更新回官方原版你的改动就白改了。常见问题速查现象可能原因解法启动闪退或渲染异常显卡驱动或 DPI 不兼容更新显卡驱动或调整系统 DPI、用兼容模式导入文件失败格式不在支持范围确认为 .drawio / .vsdx / .csv / .mermaid 之一必要时重新另存改动没生效窗口开在旧实例里单实例限制退出所有已运行的 draw.io 再启动界面显示错位高分屏缩放问题调整系统显示缩放或命令行--zoom缩放界面个人构建被更新回官方版自动更新未禁用npm run sync -- disableUpdate或设置DRAWIO_DISABLE_UPDATEtrue大文件保存、导出慢单页元素过多拆分为多页减少渐变阴影等重效果下一步你可以做的三件事到 release 页下载对应系统的安装包Windows 没权限就选 .msimacOS 拖 dmgLinux 选 AppImage拿一个现成的 .vsdx 或 .drawio 文件试一次导入导出验证格式兼容是否符合你的工作流如果有批量需求先拿一个文件夹试跑drawio --export --recursive -f png ./diagrams总结起来就是五个词免费Apache 2.0、跨平台Win/macOS/Linux 官方构建、离线安全默认断网CSP 拦截远程脚本、格式全vsdx/csv/mermaid 进六种格式出、可脚本化命令行批量处理。装一次画几年。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 draw.io 桌面版完整指南：免费跨平台画图，装完即画还能批量导出
draw.io 桌面版完整指南免费跨平台画图装完即画还能批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop还在为画图工具交年费或者忍受网页版没有真正的文件菜单、批量导出靠手点的尴尬draw.io 桌面版drawio-desktop是 draw.io 官方编辑器的桌面客户端基于 Electron 封装Apache 2.0 开源Windows、macOS、Linux 三端离线开箱即用还支持从命令行批量转换整目录图表。它是什么一个薄壳 完整编辑器drawio-desktop 的结构很简单src/main/下的 Electron 主进程代码只是一层外壳入口src/main/electron.js、参数解析src/main/args.js真正的绘图能力来自drawio/子模块里的 draw.io 核心编辑器。外壳负责窗口管理、文件关联、更新检查和命令行入口编辑器负责画图本身。核心卖点免费Apache 2.0 许可证不改代码、接受按现状提供即可任意用途使用无订阅、无功能阉割跨平台Windowsx64 与 arm64、macOS、Linux 都有官方构建离线优先默认断网可用唯一例外是启动时检查一次更新格式兼容可导入 .drawio、.vsdxVisio、.csv、.mmd/.mermaid可导出 pdf、png、jpeg、svg、xml、html 六种格式命令行友好终端里一条命令就能完成导出、批量转换、自动布局当前仓库版本为 31.3.1。Windows、macOS、Linux 三种装法Windows三个包按权限选官方在 release 页发布三种 Windows 构建选哪个取决于你有没有管理员权限安装包安装范围权限要求draw.io-版本-windows-installer.exeNSIS 安装器装到 Program Files需要管理员draw.io-版本.msi装到当前用户目录不需要管理员draw.io-版本-windows-no-installer.exe绿色便携版免安装不需要管理员但不注册文件类型关联另外Microsoft StoreAPPX版本也可以按用户安装、免管理员。公司电脑没有管理员权限的话直接选 .msi。macOS下载 dmg 拖进去下载 dmg 镜像把应用图标拖到应用程序文件夹即可不需要额外配置。LinuxAppImage 或 debAppImage给文件加上执行权限后直接运行不污染系统deb 包走系统级安装适合长期使用的机器怎么确认装好了命令行输入以下命令能打印出版本号就说明入口正常drawio -V或者最直观的方式双击任意一个.drawio文件能被应用接管打开就是装好了。从启动到画出第一张图第一次打开界面是经典的三栏布局顶部菜单文件、编辑、视图等全部功能入口工具栏缩放、撤销、对齐这类高频操作左侧形状库按类别组织的图形元素中央画布带网格的绘图区支持精确对齐右侧属性面板选中元素后的样式与格式设置走一遍完整流程5 步画一张流程图从左侧 General 类别拖一个矩形到画布双击矩形输入文字用连接工具把几个形状连起来在右侧属性面板调整颜色、字体、线型文件 → 保存为.drawio或文件 → 导出为 PNG / PDF导入与导出差异化的地方Visio 文件直接打开draw.io 内置 VSDX 解析引擎导入 Visio 文件时能保留形状、连接线、文本格式和图层结构。这意味着团队里存量的 .vsdx 资产不用重新画打开就能继续编辑导出时还能转成 draw.io 自己的格式。除了 vsdxCSV 表格和 Mermaid.mmd/.mermaid文本也是合法的输入。导出格式一览格式典型用途PNG网页、文档插图JPEG通用图片文件更小SVG矢量缩放不失真适合前端PDF打印与正式交付HTML带交互的图表可嵌入网页XML结构化数据交换命令行批量导出图表这是桌面版相对网页版最实际的优势之一。命令行入口支持直接传入文件或整个文件夹drawio [options] [input file/folder]...几个真实场景# 单文件导出为 PNG drawio --export -f png process.drawio # 递归批量转换整个目录含子目录为 SVG drawio --export --recursive -f svg ./diagrams # Visio 文件直接转 PNG外加 20px 边框 drawio --export -f png --border 20 network.vsdx # 先跑一次自动布局再导出 drawio --export --layout verticalFlow -f png draft.drawio常用参数速记-o指定输出路径--size diagram|page决定按图表内容还是整页裁切-a导出 PDF/HTML 的全部页面--page-range 1..3指定 PDF 页码--layers 0,1只导出指定图层-t给 PNG/SVG 透明背景--layout支持 verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic 等预设。多页文档导出 PDF 时加-a就能一次出完整文件。效率设置快捷键、离线模式、数据位置常用快捷键操作Windows / LinuxmacOS新建 / 打开 / 保存CtrlN / CtrlO / CtrlS⌘N / ⌘O / ⌘S撤销 / 重做CtrlZ / CtrlY⌘Z / ⌘Y复制 / 粘贴 / 全选CtrlC / CtrlV / CtrlA⌘C / ⌘V / ⌘A删除DeleteDelete放大 / 缩小Ctrl / Ctrl-⌘ / ⌘-彻底断网禁用自动更新应用默认与网络隔离唯一例外是启动时到官方发布通道检查新版本。如果你希望完全断网比如集中管控的企业环境两种方式任选# 环境变量 export DRAWIO_DISABLE_UPDATEtrue # 或启动参数 drawio --disable-update安全层面还有一层保障界面侧的 Content Security Policy 禁止加载远程 JavaScript图表数据和任何使用分析都不会发往外部。一个细节要注意——图表里如果引用了 URL 上的图片、背景或字体打开时会按地址去取资源以保证正常渲染所以打开来路不明的图表可能向对方服务器暴露你的 IP不发送图表内容。数据存在哪里所有图表都在本地处理本地存储与会话数据放在macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\备份或迁移环境时盯着这个目录就行。源码跑起来开发模式与个人构建想追最新版、改点东西或者纯粹想看看这层壳怎么写的从源码跑起来只需要三步git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start注意--recursive不能省——核心编辑器是 git 子模块漏了构建会直接失败。环境要求 Node 22.12。调试时加环境变量DRAWIO_ENVdev可以开 DevTools 并进入开发模式npm start --enable-logging则打开详细日志。一个容易踩的坑draw.io 对每个用户只允许单实例运行。如果官方版正在运行你启动自编译副本时新窗口会开在官方实例里改动不生效。先把已运行的 draw.io 全部退出再启动。要改完打包成自己的安装版流程写在doc/BUILDING_FOR_PERSONAL_USE.md里关键两点设置DRAWIO_UNSIGNEDtrue跳过代码签名个人构建未签名系统会弹安全提示属预期行为然后npm run sync -- disableUpdate禁用自动更新——否则应用会把自己悄悄更新回官方原版你的改动就白改了。常见问题速查现象可能原因解法启动闪退或渲染异常显卡驱动或 DPI 不兼容更新显卡驱动或调整系统 DPI、用兼容模式导入文件失败格式不在支持范围确认为 .drawio / .vsdx / .csv / .mermaid 之一必要时重新另存改动没生效窗口开在旧实例里单实例限制退出所有已运行的 draw.io 再启动界面显示错位高分屏缩放问题调整系统显示缩放或命令行--zoom缩放界面个人构建被更新回官方版自动更新未禁用npm run sync -- disableUpdate或设置DRAWIO_DISABLE_UPDATEtrue大文件保存、导出慢单页元素过多拆分为多页减少渐变阴影等重效果下一步你可以做的三件事到 release 页下载对应系统的安装包Windows 没权限就选 .msimacOS 拖 dmgLinux 选 AppImage拿一个现成的 .vsdx 或 .drawio 文件试一次导入导出验证格式兼容是否符合你的工作流如果有批量需求先拿一个文件夹试跑drawio --export --recursive -f png ./diagrams总结起来就是五个词免费Apache 2.0、跨平台Win/macOS/Linux 官方构建、离线安全默认断网CSP 拦截远程脚本、格式全vsdx/csv/mermaid 进六种格式出、可脚本化命令行批量处理。装一次画几年。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考