企业官网建设流程全解析

draw.io 桌面版完整指南：免费离线跨平台绘图，搞定流程图与架构图

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

如果你习惯在浏览器里画流程图，网络一断工作就停，draw.io 桌面版就是为这个痛点准备的：它把 draw.io 编辑器做成了离线桌面应用，Windows、macOS、Linux 三端都能不依赖网络完成绘图和导出。

项目定位：免费开源的离线绘图工具

drawio-desktop 是 draw.io 编辑器的官方 Electron（一种用 Web 技术构建桌面应用的框架）封装，项目采用 Apache 2.0 协议，任何用途都可免费使用，无需订阅。Windows 提供安装程序、MSI 和便携版，macOS 提供 .dmg，Linux 提供 .AppImage、.deb 与 snap 包。编辑器核心作为 git 子模块放在仓库的drawio/目录，桌面壳代码在src/main/下。

适合谁用

• 办公与文档场景：流程图、泳道图、架构图需要导出到文档或幻灯片，离线工具比在线版更省心。
• 内网/受控环境：企业电脑禁止外联时，这是少数能正常工作的专业绘图工具。
• 旧 Visio 文件的接手者：可以打开 .vsdx 文件继续编辑，不必再装一套商业软件。
• 不太适合谁：如果你需要与同事实时协同编辑同一张图，或希望直接向项目提交代码——该项目明确不接受外部代码贡献，社区反馈以 Issue 和特性请求为主。

首次使用：安装、认识界面、画出第一张图

1. 安装。按系统选对应安装包：Windows 无管理员权限选.msi（装到用户目录）或免安装的便携版；有权限选.exe安装程序。开发者想从源码跑，需要 Node.js 22.12 以上：

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

2. 认识界面。顶部是 File、Edit、View、Arrange、Extras、Help 菜单；左侧是形状库，带 Search Shapes 搜索框；中间是网格画布；右侧 Diagram 面板可开关网格、页面视图、背景，并设置纸张尺寸与方向。
3. 完成第一个任务。在搜索框输入 "Text" 或拖一个矩形到画布，用箭头工具连接两个图形，再从 File 菜单导出为 PNG 或 PDF。建议文件名按"项目_类型_版本"规范，例如订单系统_流程图_v1.drawio，方便团队管理。

三个核心能力

1. 打开多种格式的文件能做什么：除了原生 .drawio 文件，还支持打开 Visio 的 .vsdx、表格 .csv 和 Mermaid（一种用文本描述图表的语法）文件。怎么用：直接双击打开或拖入窗口，vsdx 里的形状与连线会变成可编辑图形。适合场景：接手旧系统的 Visio 资产，或让会写代码的同事用 Mermaid 快速出草图。

2. 导出 6 种格式，细节可控能做什么：可导出 PDF、PNG、JPEG、SVG、XML、HTML，支持透明背景（--transparent）、边距、缩放，还能把图表数据嵌入 PNG/SVG/PDF（--embed-diagram），导出后用浏览器打开仍能交互。怎么用：菜单里点 Export，或在命令行加--export --format png。适合场景：文档插图用透明 PNG，归档用 PDF，需要交互展示用 HTML。

3. 命令行批量处理整个文件夹能做什么：对文件夹执行导出时加--recursive可递归处理子目录，--all-pages导出 PDF 全部页面，--page-index、--layers可选页与图层。怎么用：一条命令把目录里所有图转成图片。适合场景：归档、批量生成插图，或搭在 CI 里自动出图。

数据与安全：你的图存在哪

• 所有图表数据只在本地处理，官方明确不向外发送任何图表数据或使用统计。
• 唯一的网络行为是启动时的版本检查；设环境变量DRAWIO_DISABLE_UPDATE=true或启动时加--disable-update可彻底关闭。
• 界面内置 Content Security Policy（内容安全策略），禁止加载远程 JavaScript，应用自身也无法"回传"数据。
• 本地存储位置固定：macOS 为~/Library/Application Support/draw.io，Windows 为C:\Users\<用户名>\AppData\Roaming\draw.io\，备份就是拷这个目录。
• 一个例外：如果图表里引用了网络图片或字体，打开图表时会去拉取这些资源（不含图表内容），打开来源不明的文件时留意这点。

效率技巧与避坑指南

1. Windows 机器没有管理员权限时，直接选.msi或便携版，不要装 NSIS 安装程序（它需要管理员权限且装到 Program Files）。
2. 程序是单实例的：官方版本已在运行时，再启动你自己的构建只会往官方版本里开新窗口，调试前先退出已运行的 draw.io。
3. 导出图片进幻灯片时加--transparent，省掉后期抠白底。
4. 手绘连线乱的时候用--layout verticalFlow这类自动布局参数，导出前自动整理走线。
5. 企业统一下发的环境，直接给启动脚本加--disable-update，避免启动时访问外网。

常见问题速查

动手清单

1. 按系统下载安装包（无权限选 .msi/便携版），打开画一张三节点的流程图；
2. 用 Export 导出为透明 PNG 插入你的文档；
3. 内网机器加--disable-update启动，确认完全离线可用。

一句话总结：Apache 2.0 免费、数据不出本机、三端通用，draw.io 桌面版是你把 Visio 和在线绘图一并替换掉时最稳的选择。

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