企业官网建设流程全解析

draw.io 桌面版：三平台通用的免费画图工具，一条命令批量导出 6 种格式

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

draw.io 桌面版是开源绘图工具 draw.io 的官方桌面应用，Windows、macOS、Linux 用户都能免费使用，可画流程图、UML、网络拓扑图，还能用命令行把整个目录的图表批量转成 PDF、PNG、SVG、JPG、XML、HTML 共 6 种格式。图表数据全部存在你自己电脑上，没有订阅，不上传。

🧭 定位速览：它到底是什么

结论：它不是套了个壳的网页，而是基于 Electron 构建的本地桌面应用，三平台体验一致，同一个 .drawio 文件在哪台机器上打开都是同一个界面。

硬事实一张表：

官方安装包带代码签名；个人构建的完整流程（含签名说明和各平台打包命令）写在 doc/BUILDING_FOR_PERSONAL_USE.md 里。需要彻底离线时也有开关：启动时加--disable-update参数，或设置环境变量DRAWIO_DISABLE_UPDATE=true。

💰 值不值得用：切换之前先算账

结论：如果你现在在用按席位订阅的商业绘图工具，切过来的总成本很低，许可费一项直接归零。

账有三笔：

• 许可费：Apache-2.0 意味着个人、商用都免费。团队 10 个人是零，100 个人也是零。
• 学习成本：界面就三个区域——左侧形状库、中央画布、右侧属性面板，顶部搜索框能按名字直接搜形状，新人半天可以独立出图。
• 文件迁移：.drawio 本质是 XML 结构，可以进版本库；也能直接导入 .vsdx、.csv、.mermaid 文件，不用手工重画。

还有一笔隐性收益：工具链统一。不用再为每台机器采购授权，也不用在 Windows 同事和 Mac 同事之间转导出件，同一个文件打开就是同一个界面。

🚀 快速上手：三步装好并画出第一张图

结论：安装包或源码两条路，都能三步跑起来。

第一步，拿到能跑的程序。普通用户从官网下载对应系统的安装包：Windows 有 .exe、MSI 和免安装版，macOS 是 .dmg，Linux 有 AppImage、deb、rpm、snap。开发者直接克隆源码运行：

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

clone 时必须带--recursive：核心编辑器是 git 子模块，漏了它构建会失败。

第二步，画出第一张图。从左侧形状库拖一个矩形进画布，双击输入文字，再用连线工具拉出箭头。右侧属性面板改文字、颜色、尺寸，顶部搜索框按名字找形状。

第三步，保存或导出。存成 .drawio 文件；要发给同事就导出 PNG 或 PDF，命令在下文。

📐 解决什么实际问题

结论：它最擅长覆盖四类高频需求——图乱了、老文件、想代码化、要分发。

图乱了怎么办。改了很多遍的图，连线容易打架。命令行加--layout参数就能在导出前自动整理版面，内置 6 种算法：verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic。分层架构、树状结构的效果最直接。

老 Visio 文件怎么办。不需要手工重画，.vsdx 文件直接导入，形状和连线都保留，可以继续编辑。

想用代码管图怎么办。Mermaid 语法的 .mmd 文件会自动渲染成可编辑图表，CSV 数据也能直接生成图表。图可以像代码一样写、可以进版本库、改动可复现——这是工程师最看重的一点。

图要进文档怎么办。设计评审、PPT、网页各有各的格式：PNG 贴 PPT，SVG 上网页缩放不失真，PDF 正式分发。导出一次，多处使用。

⚙️ 进阶与避坑：导出参数速查和 4 个易错点

结论：掌握两条命令加一张参数表就能批量干活，四个高频坑都能提前避开。

批量导出，两条命令够：

drawio -x -f png flow.drawio drawio -x -r -f pdf diagrams/

第一条把单文件导出为 PNG；第二条递归导出 diagrams/ 整个目录为 PDF。

常用参数：

完整参数清单（含页码范围、图层选择、主题、嵌入选项）可直接查 src/main/args.js 源码。

四个易错点：

行动清单：四步用起来

1. 下载对应系统的官方安装包完成安装，或在源码目录里跑一遍npm start
2. 新建文件，拖三个形状进画布、双击加文字、用连线连起来
3. 存成 .drawio 文件
4. 打开终端进入文件所在目录，输入drawio -x -f png flow.drawio，第一张导出图现在就能拿到手

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