draw.io 使用教程
从安装到导出的完整上手路径。draw.io Desktop 界面默认跟随系统语言,中文系统下即为中文界面,无需额外汉化。
第一步
安装 draw.io Desktop
Windows 安装
- 获取 NSIS 安装版(.exe)或 MSI 包(.msi)
- 双击运行:exe 版需管理员权限(按机器安装到 Program Files);MSI 版免管理员权限(按用户安装)
- 按向导完成安装,开始菜单启动 draw.io
- 公司电脑无权限时,可选用免安装版 zip 解压即用
macOS 安装
- 获取 dmg 镜像(M 系列芯片选 arm64,Intel 选 x64,不确定选通用版)
- 双击挂载 dmg,将 draw.io 拖入 Applications 文件夹
- 首次启动若提示"已损坏",终端执行
xattr -cr /Applications/draw.io.app后重试
Linux 安装
Debian / Ubuntu:
sudo apt install ./drawio-amd64-31.7.0.deb
Fedora / RHEL:
sudo dnf install ./drawio-x86_64-31.7.0.rpm
AppImage 免安装:
chmod +x drawio-x86_64-31.7.0.AppImage && ./drawio-x86_64-31.7.0.AppImage
第二步
绘制第一张流程图
创建新绘图
启动后进入模板选择页,选择"空白绘图"或从流程图、UML、网络等分类中挑选模板,点击"创建"进入画布。
添加与连接形状
左侧形状库单击选中后画布内单击放置,或直接拖入;悬停形状边缘出现方向箭头,拖动即可生成连线并自动吸附目标形状。
美化与排版
双击形状编辑文字;选中多个元素后用格式面板统一配色;开启网格与对齐线,图面即刻整齐专业。
效率进阶
常用快捷键速查
| 操作 | Windows / Linux | macOS | 说明 |
|---|---|---|---|
| 新建文件 | Ctrl + N | Command + N | 打开模板选择页 |
| 保存 | Ctrl + S | Command + S | 保存 .drawio 源文件 |
| 撤销 / 重做 | Ctrl + Z / Ctrl + Y | Command + Z / Command + Shift + Z | 误操作无忧 |
| 复制 / 粘贴 | Ctrl + C / Ctrl + V | Command + C / Command + V | 跨页面可用 |
| 删除元素 | Delete | Delete / Backspace | 选中后直接删除 |
| 编辑文字 | F2 或双击 | F2 或双击 | 进入形状文字编辑 |
| 放大 / 缩小 | Ctrl + 滚轮 | Command + 滚轮 | 以鼠标位置为中心缩放 |
| 适应窗口 | Ctrl + Shift + H | Command + Shift + H | 全图一览 |
| 快捷连线 | 选中后拖动方向箭头 | 同左 | 自动吸附并生成正交连线 |
| 组合 / 取消组合 | Ctrl + G / Ctrl + Shift + U | Command + G / Command + Shift + U | 整体移动复杂子图 |
交付输出
导出技巧与最佳实践
导出高清图片
文件 → 导出为 → PNG,在弹窗中将"缩放"设为 200% 或 300%、勾选"透明背景"(按需)与"裁剪",即可得到适合文档与高清屏的位图;SVG 则适合需要无限缩放的场景。
导出矢量 PDF
文件 → 导出为 → PDF,勾选"裁剪"去除空白区域,多页文档可整册导出。打印缩放异常时,请升级到 v31.7.0 及以上版本(该版本修复了缩放页面按半尺寸打印的问题)。
版本管理友好
.drawio 文件本质是 XML 文本,可纳入 Git 等版本库进行差异比较与历史追溯,团队协作时建议"压缩"选项关闭以便生成可读 diff。
迁移 Visio 图纸
文件 → 打开,直接选择 .vsdx 文件即可转换编辑;复杂图纸建议导出前逐页检查连线与文本位置。
故障排查
常见问题处理
打开 dmg 提示文件"已损坏"怎么办?
这是 macOS 对未公证应用的通用提示。打开"终端"执行
xattr -cr /Applications/draw.io.app,然后重新打开应用即可。若仍无法打开,请在"系统设置 → 隐私与安全性"中允许运行。Linux AppImage 双击无反应?
先确认文件已具备可执行权限(文件属性中勾选"作为程序执行",或
chmod +x)。若你使用 AppImageLauncher 2.2.0 管理应用,需升级到 3.0(beta)版本或直接卸载它——31.4.2 起 AppImage 使用静态运行时,旧版加载器无法识别。如何彻底关闭自动更新检查?
设置环境变量
DRAWIO_DISABLE_UPDATE=true,或在启动命令中追加 --disable-update 参数。更新检查仅访问 github.com 比对版本号,不会上传任何数据。图表文件默认保存在哪里?
.drawio 文件由你在保存时自选目录。应用的本地配置与缓存位于:Windows
C:\Users\<用户名>\AppData\Roaming\draw.io\;macOS ~/Library/Application Support/draw.io。界面不是中文怎么办?
draw.io Desktop 支持包括简体中文在内的多语言,界面语言跟随操作系统区域设置。若显示英文,请将系统语言设为简体中文后重启应用;个别未翻译条目以英文显示属正常现象。
照着教程,十分钟画出第一张图
免费 · 开源 · 全平台