draw.io 桌面版：本地绘图与首次上手指南
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
draw.io 桌面版（仓库名 drawio-desktop）是基于 Electron 构建的官方桌面绘图工具，可以本地绘制流程图、UML、架构图，数据保存在自己机器上，默认不上传云端。本文面向安装后想在 5 分钟内画出第一张图并保存、导出的新手。
把 draw.io 桌面版跑起来
获取与启动
两条最短路径，选一条即可：
- 安装包：到项目 Releases 页面下载对应系统的构建包，双击安装。Windows 无管理员权限时，选
.msi包或免安装便携版（no-installer）。 - 源码运行：需 Node.js 22.12 及以上。
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start克隆必须带--recursive，因为绘图编辑器在drawio/子模块里。
界面认识：三个马上会用的区域
- 左侧形状库：顶部有 Search Shapes 搜索框，直接拖形状到画布。
- 中间绘图区：带网格的画布，放置形状并连线。
- 右侧设置面板：控制网格、背景、纸张大小与方向等。
完成 3 个常见任务
任务一：画出并保存第一张图
- 目标：存下几张相连形状的图，得到可再编辑的本地文件。
- 操作：从左侧拖入矩形，拉出连接线，在顶部菜单File > Save As选择位置保存。
- 结果：得到一个
.drawio文件，以后用 File > Open 打开继续改。
任务二：导出图片与 PDF
- 目标：把图变成可放进文档的图片。
- 操作：通过File > Export as选择 PNG、JPEG、SVG 或 PDF。
- 结果：文件保存在选定目录，可直接插入文档或演示稿。
任务三：命令行批量转换
- 目标：一次把多个
.drawio文件导出为 PNG。 - 操作：终端执行
drawio -x -f png --output out/ 图表文件夹/，子目录可加--recursive。 - 结果：
out/下生成与输入对应的 PNG。
常见卡点排查
npm start打不开：多半是克隆时漏了--recursive，drawio/目录是空的。- 安装依赖报错：源码路径需要 Node.js 22.12 或更高版本。
- Windows 安装要输管理员密码：那是 NSIS 安装包（-installer.exe）的行为，普通用户换
.msi或便携版。 - 想关闭启动时的版本检查：加参数
--disable-update，或设环境变量DRAWIO_DISABLE_UPDATE=true。 - 打开陌生来源的图时，图内引用的外部图片、字体可能被加载，注意只打开可信文件。
适合与不适合
适合：
- 离线画流程图、UML、网络拓扑，数据不出本机。
- 用
.drawio（XML 格式）文件与源码同库管理，方便在同事间传递、做版本控制。 - 配合命令行参数批量转换图表。
一个边界：如果你打算向本仓库提交代码，这里不收社区贡献（README 中 "Not open-contribution" 一节），个人 fork 和自建版本仍可，做法见 doc/BUILDING_FOR_PERSONAL_USE.md。
所有导出参数以 src/main/args.js 中的定义为准；安装细节和发布说明见 README.md 与 doc/RELEASE_PROCESS.md。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
