draw.io 使用教程

从安装到导出的完整上手路径。draw.io Desktop 界面默认跟随系统语言,中文系统下即为中文界面,无需额外汉化。

第一步

安装 draw.io Desktop

Windows 安装

  1. 获取 NSIS 安装版(.exe)或 MSI 包(.msi)
  2. 双击运行:exe 版需管理员权限(按机器安装到 Program Files);MSI 版免管理员权限(按用户安装)
  3. 按向导完成安装,开始菜单启动 draw.io
  4. 公司电脑无权限时,可选用免安装版 zip 解压即用

macOS 安装

  1. 获取 dmg 镜像(M 系列芯片选 arm64,Intel 选 x64,不确定选通用版)
  2. 双击挂载 dmg,将 draw.io 拖入 Applications 文件夹
  3. 首次启动若提示"已损坏",终端执行 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 / LinuxmacOS说明
新建文件Ctrl + NCommand + N打开模板选择页
保存Ctrl + SCommand + S保存 .drawio 源文件
撤销 / 重做Ctrl + Z / Ctrl + YCommand + Z / Command + Shift + Z误操作无忧
复制 / 粘贴Ctrl + C / Ctrl + VCommand + C / Command + V跨页面可用
删除元素DeleteDelete / Backspace选中后直接删除
编辑文字F2 或双击F2 或双击进入形状文字编辑
放大 / 缩小Ctrl + 滚轮Command + 滚轮以鼠标位置为中心缩放
适应窗口Ctrl + Shift + HCommand + Shift + H全图一览
快捷连线选中后拖动方向箭头同左自动吸附并生成正交连线
组合 / 取消组合Ctrl + G / Ctrl + Shift + UCommand + 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 支持包括简体中文在内的多语言,界面语言跟随操作系统区域设置。若显示英文,请将系统语言设为简体中文后重启应用;个别未翻译条目以英文显示属正常现象。

照着教程,十分钟画出第一张图

免费 · 开源 · 全平台