draw.io Desktop完整教程免费跨平台绘图软件从安装到批量导出VSDX【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io Desktop 是开源绘图工具 draw.io 的官方桌面版基于 Electron跨平台桌面应用框架构建在 Apache 2.0 协议下完全免费支持 Windows、macOS 和 Linux。它适合需要离线绘制流程图、UML、架构图或希望用免费方案替代商业绘图软件的个人与团队。当前仓库版本号是 31.3.2见 package.json要求 Node.js 22.12 或更高版本。它是什么给 draw.io 编辑器套了一层本地外壳drawio-desktop 本身不重新实现绘图功能而是把 draw.io 核心编辑器作为 git 子模块drawio/目录打包进一个 Electron 应用。你在 README 里能看到它的定位一句话a diagramming desktop app based on Electron that wraps the core draw.io editor。上图是应用主界面顶部菜单栏左侧形状库中央网格画布右侧属性面板。桌面版相对网页版的实际差异集中在三件事文件系统的完整读写保存/导入/导出都直接操作本地文件、系统级的文件关联.drawio文件双击可打开以及一套完整的命令行参数。关于免费的依据README 明确回答 Can I use this app for free? Yes, under the apache 2.0 license即不改代码、接受 as-is按现状提供的前提下可任意用途使用。另外要注意一个行为draw.io 每个用户只允许运行一个实例如果官方版已在运行再次启动只会向已运行的应用开一个新窗口而不是新开一个进程。三种平台各选哪种安装包官方在每个版本的 release 中发布预编译安装包下载后直接安装即可无需任何构建环境。Windows有三种形态README 给出了各自的取舍draw.io-version-windows-installer.exeNSIS 安装器装到 Program Files需要管理员权限draw.io-version.msi装到当前用户目录不需要管理员权限——没有 admin 权限的办公电脑选这个draw.io-version-windows-no-installer.exe便携版免安装但不注册文件类型关联Microsoft StoreAPPX版本同样支持按用户安装、无需管理员。macOS下载.dmg镜像拖入 Applications 即可。Linux官方包的产品名是drawio与本地个人构建使用的draw.io不同所以个人构建可以和官方包共存提供 AppImage、deb、rpm 等形态。如果你是开发者想直接从源码跑起来流程只有三条命令——注意必须用--recursive否则子模块编辑器拉不下来构建会失败git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start调试时可以用npm start --enable-logging打开日志设置DRAWIO_ENVdev会额外打开开发者工具。第一个实战建一张图导出一张 PNG装好之后第一件事是把从画到导出的最小闭环跑通确认你能真正看到产出物。启动应用后新建一张图从左侧形状库拖几个图形到画布用连线建立关系然后CtrlS保存为demo.drawio本质是一个压缩的 XML 文件可用任意文本/解压工具查看。接着在 File 菜单里选择 Export as → PNG指定保存位置。判断成功的标准很简单磁盘上出现了一个 PNG 文件双击打开后内容与你画布所见一致。这一步跑通后你可以立刻尝试第二张图验证多页面Page功能——每个页面独立保存、可单独导出。如果不想每次都开图形界面同一件事可以完全在命令行完成这为后面的批量处理打基础drawio -x --format png -o demo.png demo.drawio-x是--export的简写--format决定输出格式支持 pdf、png、jpg、svg、xml、html默认 pdf-o指定输出文件。完整参数表可以看 src/main/args.js。进阶三个差异化的命令行能力桌面版真正拉开与网页版差距的地方是命令行。以下三组能力都来自 args.js 中的实际参数定义。批量导出整个目录。参数里直接支持文件夹输入和递归drawio -x --format png --all-pages -r -o ./exported ./diagrams-r--recursive递归处理子目录--all-pages把多页面导出为单个 PDF/HTML 的全部页面。加-k--check可以跳过已存在的输出文件重跑时不会覆盖已有成果。配合--width、--height还能按目标尺寸等比缩放。三种额外的输入源。--export的说明写明Besides draw.io files, vsdx, csv and Mermaid (.mmd/.mermaid) inputs are also supported。也就是说一个 .vsdx 文件可以直接作为输入转出 PNG/PDFCSV 表格数据可以转出带行列的图表.mmd文件会先转成可编辑图表再导出如果只想把 Mermaid 当静态图片处理加--mermaid-image true。导出前的自动排版。--layout参数会在打开图表后、导出前执行一次自动布局预设名包括verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic也可以传入自定义布局 JSON 数组。对把草图快速变成规整流程图再截图这种场景这条参数省掉了手动对齐。其他值得记住的短参数--transparentPNG/SVG 透明背景、--border n边距默认 0、--embed-diagram在 PNG/SVG/PDF 里内嵌图表副本、--page-index1 起始只导某一页。数据与网络何时连网何时不连官方对安全的设计目标写得很直白READMEdraw.io Desktop is designed to be completely isolated from the Internet, apart from the update process。把边界拆开看默认唯一会联网的行为是更新检查。应用启动时会检查 github.com 上是否有新版本有则从 GitHub 的 AWS S3 桶下载。两种关闭方式electron.js 中同时支持DRAWIO_DISABLE_UPDATEtrue drawio # 或 drawio --disable-update另外还有--no-silent-update不禁止更新但下载前弹窗询问而不是静默更新。flatpak 沙箱环境下更新检查会被自动禁用代码里通过检测/.flatpak-info实现。图表数据不出本机。README 声明不发送任何图表数据、不发送任何使用统计所有 JavaScript 自包含Content Security Policy内容安全策略禁止执行远程加载的脚本并把应用自身的网络访问限制为指向自己。一个必须知道的例外图表可以引用外部媒体——比如从 URL 加载的图片、背景或字体。打开含此类引用的图表时应用会向对应 URL 发起请求以正确渲染。从不可信来源拿到图表时这类请求可能把你的 IP 暴露给对方图表内容本身不会外传。处理来路不明的.drawio/.vsdx文件前值得先解包看一眼里面有没有远程 URL。本地数据存哪里macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\窗口大小、拼写检查开关等设置通过 electron-store 存在这个目录下备份图表本身.drawio文件和这个目录即可完整迁移。常见坑与处理现象可能原因处理方式启动第二个 draw.io 时新窗口出现在已运行的旧实例里改动没生效应用限制每用户单实例新启动被旧实例接管先退出已运行的 draw.io 再启动个人构建调试时尤其注意自己 fork 构建的版本系统提示 SmartScreen 警告 / macOS Gatekeeper 报已损坏个人构建未签名属预期行为见 doc/BUILDING_FOR_PERSONAL_USE.mdWindows 选仍要运行macOS 拷入 /Applications 后执行xattr -cr /Applications/draw.io.app清除隔离标记个人构建的修改被自动更新悄悄还原默认开启静默自动更新会拉回官方版本构建前执行npm run sync -- disableUpdate或启动时加--disable-update窗口恢复到屏幕外、标题栏不可见显示器分辨率或布局与上次保存时不同无需处理window-bounds.js 会校验上次位置标题栏不可见时自动回到主屏中央默认 1200x800渲染异常、GPU 相关问题硬件加速与显卡驱动冲突启动时加--disable-acceleration源码中会调用app.disableHardwareAcceleration()命令行导出的图片比画布大/小不符预期未指定尺寸默认按图表内容裁剪--size默认 diagram 模式加--width/--height等比缩放或--size page导出整页写在最后drawio-desktop 的项目哲学和它的功能一样克制官方明确关闭外部代码贡献README 中 Not open-contribution 一节解释了原因社区参与主要通过 issue 反馈 bug 和功能请求但 Apache 2.0 协议允许你自由 fork、修改并构建自用版本官方文档 doc/BUILDING_FOR_PERSONAL_USE.md 甚至给了一条完整的个人构建路线包括用DRAWIO_UNSIGNEDtrue跳过签名。建议先试的三件事先用npm start从源码跑一次确认开发环境可用再决定是否长期依赖安装包拿一个旧 .vsdx 文件试drawio -x --format png直观感受 VSDX 兼容度在受管机器上设置DRAWIO_DISABLE_UPDATEtrue用命令行导出替代图形界面体会它作为自动化工具的另一面【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 draw.io Desktop完整教程：免费跨平台绘图软件，从安装到批量导出VSDX
draw.io Desktop完整教程免费跨平台绘图软件从安装到批量导出VSDX【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io Desktop 是开源绘图工具 draw.io 的官方桌面版基于 Electron跨平台桌面应用框架构建在 Apache 2.0 协议下完全免费支持 Windows、macOS 和 Linux。它适合需要离线绘制流程图、UML、架构图或希望用免费方案替代商业绘图软件的个人与团队。当前仓库版本号是 31.3.2见 package.json要求 Node.js 22.12 或更高版本。它是什么给 draw.io 编辑器套了一层本地外壳drawio-desktop 本身不重新实现绘图功能而是把 draw.io 核心编辑器作为 git 子模块drawio/目录打包进一个 Electron 应用。你在 README 里能看到它的定位一句话a diagramming desktop app based on Electron that wraps the core draw.io editor。上图是应用主界面顶部菜单栏左侧形状库中央网格画布右侧属性面板。桌面版相对网页版的实际差异集中在三件事文件系统的完整读写保存/导入/导出都直接操作本地文件、系统级的文件关联.drawio文件双击可打开以及一套完整的命令行参数。关于免费的依据README 明确回答 Can I use this app for free? Yes, under the apache 2.0 license即不改代码、接受 as-is按现状提供的前提下可任意用途使用。另外要注意一个行为draw.io 每个用户只允许运行一个实例如果官方版已在运行再次启动只会向已运行的应用开一个新窗口而不是新开一个进程。三种平台各选哪种安装包官方在每个版本的 release 中发布预编译安装包下载后直接安装即可无需任何构建环境。Windows有三种形态README 给出了各自的取舍draw.io-version-windows-installer.exeNSIS 安装器装到 Program Files需要管理员权限draw.io-version.msi装到当前用户目录不需要管理员权限——没有 admin 权限的办公电脑选这个draw.io-version-windows-no-installer.exe便携版免安装但不注册文件类型关联Microsoft StoreAPPX版本同样支持按用户安装、无需管理员。macOS下载.dmg镜像拖入 Applications 即可。Linux官方包的产品名是drawio与本地个人构建使用的draw.io不同所以个人构建可以和官方包共存提供 AppImage、deb、rpm 等形态。如果你是开发者想直接从源码跑起来流程只有三条命令——注意必须用--recursive否则子模块编辑器拉不下来构建会失败git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start调试时可以用npm start --enable-logging打开日志设置DRAWIO_ENVdev会额外打开开发者工具。第一个实战建一张图导出一张 PNG装好之后第一件事是把从画到导出的最小闭环跑通确认你能真正看到产出物。启动应用后新建一张图从左侧形状库拖几个图形到画布用连线建立关系然后CtrlS保存为demo.drawio本质是一个压缩的 XML 文件可用任意文本/解压工具查看。接着在 File 菜单里选择 Export as → PNG指定保存位置。判断成功的标准很简单磁盘上出现了一个 PNG 文件双击打开后内容与你画布所见一致。这一步跑通后你可以立刻尝试第二张图验证多页面Page功能——每个页面独立保存、可单独导出。如果不想每次都开图形界面同一件事可以完全在命令行完成这为后面的批量处理打基础drawio -x --format png -o demo.png demo.drawio-x是--export的简写--format决定输出格式支持 pdf、png、jpg、svg、xml、html默认 pdf-o指定输出文件。完整参数表可以看 src/main/args.js。进阶三个差异化的命令行能力桌面版真正拉开与网页版差距的地方是命令行。以下三组能力都来自 args.js 中的实际参数定义。批量导出整个目录。参数里直接支持文件夹输入和递归drawio -x --format png --all-pages -r -o ./exported ./diagrams-r--recursive递归处理子目录--all-pages把多页面导出为单个 PDF/HTML 的全部页面。加-k--check可以跳过已存在的输出文件重跑时不会覆盖已有成果。配合--width、--height还能按目标尺寸等比缩放。三种额外的输入源。--export的说明写明Besides draw.io files, vsdx, csv and Mermaid (.mmd/.mermaid) inputs are also supported。也就是说一个 .vsdx 文件可以直接作为输入转出 PNG/PDFCSV 表格数据可以转出带行列的图表.mmd文件会先转成可编辑图表再导出如果只想把 Mermaid 当静态图片处理加--mermaid-image true。导出前的自动排版。--layout参数会在打开图表后、导出前执行一次自动布局预设名包括verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic也可以传入自定义布局 JSON 数组。对把草图快速变成规整流程图再截图这种场景这条参数省掉了手动对齐。其他值得记住的短参数--transparentPNG/SVG 透明背景、--border n边距默认 0、--embed-diagram在 PNG/SVG/PDF 里内嵌图表副本、--page-index1 起始只导某一页。数据与网络何时连网何时不连官方对安全的设计目标写得很直白READMEdraw.io Desktop is designed to be completely isolated from the Internet, apart from the update process。把边界拆开看默认唯一会联网的行为是更新检查。应用启动时会检查 github.com 上是否有新版本有则从 GitHub 的 AWS S3 桶下载。两种关闭方式electron.js 中同时支持DRAWIO_DISABLE_UPDATEtrue drawio # 或 drawio --disable-update另外还有--no-silent-update不禁止更新但下载前弹窗询问而不是静默更新。flatpak 沙箱环境下更新检查会被自动禁用代码里通过检测/.flatpak-info实现。图表数据不出本机。README 声明不发送任何图表数据、不发送任何使用统计所有 JavaScript 自包含Content Security Policy内容安全策略禁止执行远程加载的脚本并把应用自身的网络访问限制为指向自己。一个必须知道的例外图表可以引用外部媒体——比如从 URL 加载的图片、背景或字体。打开含此类引用的图表时应用会向对应 URL 发起请求以正确渲染。从不可信来源拿到图表时这类请求可能把你的 IP 暴露给对方图表内容本身不会外传。处理来路不明的.drawio/.vsdx文件前值得先解包看一眼里面有没有远程 URL。本地数据存哪里macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\窗口大小、拼写检查开关等设置通过 electron-store 存在这个目录下备份图表本身.drawio文件和这个目录即可完整迁移。常见坑与处理现象可能原因处理方式启动第二个 draw.io 时新窗口出现在已运行的旧实例里改动没生效应用限制每用户单实例新启动被旧实例接管先退出已运行的 draw.io 再启动个人构建调试时尤其注意自己 fork 构建的版本系统提示 SmartScreen 警告 / macOS Gatekeeper 报已损坏个人构建未签名属预期行为见 doc/BUILDING_FOR_PERSONAL_USE.mdWindows 选仍要运行macOS 拷入 /Applications 后执行xattr -cr /Applications/draw.io.app清除隔离标记个人构建的修改被自动更新悄悄还原默认开启静默自动更新会拉回官方版本构建前执行npm run sync -- disableUpdate或启动时加--disable-update窗口恢复到屏幕外、标题栏不可见显示器分辨率或布局与上次保存时不同无需处理window-bounds.js 会校验上次位置标题栏不可见时自动回到主屏中央默认 1200x800渲染异常、GPU 相关问题硬件加速与显卡驱动冲突启动时加--disable-acceleration源码中会调用app.disableHardwareAcceleration()命令行导出的图片比画布大/小不符预期未指定尺寸默认按图表内容裁剪--size默认 diagram 模式加--width/--height等比缩放或--size page导出整页写在最后drawio-desktop 的项目哲学和它的功能一样克制官方明确关闭外部代码贡献README 中 Not open-contribution 一节解释了原因社区参与主要通过 issue 反馈 bug 和功能请求但 Apache 2.0 协议允许你自由 fork、修改并构建自用版本官方文档 doc/BUILDING_FOR_PERSONAL_USE.md 甚至给了一条完整的个人构建路线包括用DRAWIO_UNSIGNEDtrue跳过签名。建议先试的三件事先用npm start从源码跑一次确认开发环境可用再决定是否长期依赖安装包拿一个旧 .vsdx 文件试drawio -x --format png直观感受 VSDX 兼容度在受管机器上设置DRAWIO_DISABLE_UPDATEtrue用命令行导出替代图形界面体会它作为自动化工具的另一面【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考