网站深度测评
draw.io是什么网站?
draw.io 是一个免费的在线图表制作网站,官方入口就是 Flowchart Maker & Online Diagram Software。打开浏览器就能画流程图、网络拓扑图、UML、ER 图、数据库结构、BPMN、电路图等,不用装桌面软件。
主要用途
- 流程图与业务流程:梳理步骤、审批流、BPMN。
- 技术图:UML 类图/时序图、ER 图、数据库 schema、网络架构图。
- 其他:组织结构图、电路图等。
适合谁、什么场景用
- 开发者或运维要画架构图、数据库关系图。
- 产品/运营要画流程和泳道图。
- 学生做课程作业里的 UML、ER 图。
- 临时需要画图、又不想买授权或装软件的人。
迁移与协作相关
- 支持导入
.vsdx、Gliffy、Lucidchart 文件,方便从这些工具迁过来。 - 需要 JavaScript 才能加载使用。
和同类工具比
- 与 Lucidchart、Gliffy 相比,draw.io 的侧重点是免费和可导入这两家的文件,适合预算有限或想先试用的用户;后两者更偏团队协作与商业集成。
- 与 ProcessOn 这类国内在线工具相比,draw.io 更偏技术类图形(UML、ER、网络图),且不依赖特定账号体系。
下一步
直接打开网站新建图表即可;如果要迁移旧文件,用它的导入功能上传 .vsdx、Gliffy 或 Lucidchart 文件。
draw.io 是否需要付费才能使用?
不需要付费。draw.io 定位为免费在线绘图软件,页面明确写着 “draw.io is free online diagram software”,没有出现订阅、付费墙或价格相关入口。
具体使用情境
- 个人画流程图、UML、ER 图、网络拓扑图:直接打开 draw.io 就能用,不必先付费。
- 团队协作或需要把图存到自己的云盘:通常是在保存时选择存储位置(如本地、Google Drive、OneDrive 等),这属于存储方式选择,不是软件本身的付费门槛。
- 需要打开别人发来的 .vsdx、Gliffy 或 Lucidchart 文件:页面说明支持导入这些格式,导入功能本身也不涉及付费。
选择条件
- 如果只是要一个免费、免安装、能画常见工程图的工具,draw.io 符合条件。
- 如果企业需要统一管理、审计、SAML 单点登录等能力,那类需求通常对应企业版或其他商业产品,和“个人能否免费使用 draw.io”是两个问题。
下一步 直接访问 draw.io,新建一张空白图试画一个流程,确认保存位置和导出格式(如 PNG、PDF、SVG)是否满足你的需要即可。
如何用 draw.io 导入 Visio 或 Lucidchart 文件?
在 draw.io(Flowchart Maker & Online Diagram Software)里导入 Visio 或 Lucidchart 文件,不用额外装插件:打开编辑器后,从菜单里选导入,再上传对应文件即可。
具体怎么做
- 打开 draw.io 在线编辑器,在顶部菜单找到 File(文件)→ Import from(导入)。
- 导入 Visio:选择 Import from → Visio,上传
.vsdx文件。页面资料明确写了 draw.io 可以导入.vsdx。 - 导入 Lucidchart:选择 Import from → Lucidchart,上传从 Lucidchart 导出的文件。
- 导入后图形会出现在画布上,可以继续编辑、调整样式,再导出为图片、PDF 或继续保存。
适合谁、什么情况下用
- 团队原来用 Visio 画流程图、网络图,想换到免费在线工具,又不想重画:直接导入
.vsdx继续改。 - 之前用 Lucidchart 做 UML、ER 图,现在想统一到 draw.io:导入后接着编辑。
- 需要把旧文件放到浏览器里打开、跨设备查看:draw.io 是在线工具,导入后不依赖本机装 Visio。
选择时注意
- 导入效果取决于原文件复杂度和字体、主题差异,复杂样式可能需要手动微调。
- 如果只是偶尔看 Visio 文件,用 draw.io 导入比装 Visio 更轻;如果要严格还原企业模板,导入后仍需检查。
- 同类工具里,Lucidchart 和 Gliffy 也支持导入 Visio,但 draw.io 的导入是免费在线使用的一部分,适合先试再决定是否迁移。
draw.io 支持哪些类型的图表,比如 UML、ER 图或网络图?
draw.io 支持的图表类型覆盖了常见的业务、技术和工程制图需求,包括 UML、ER 图、网络图以及流程图、BPMN、电路图等。
主要支持的类型(来自网站资料):
| 图表类型 | 典型用途 |
|---|---|
| 流程图 | 梳理业务流程、审批步骤 |
| 网络图 | 画网络拓扑、设备与连接关系 |
| UML | 软件设计中的类图、时序图、用例图等 |
| ER 图 / 数据库架构 | 设计数据库表结构与实体关系 |
| BPMN | 建模业务流程与协作流程 |
| 电路图 | 绘制电路与电子元件连接 |
| 组织架构图 | 展示团队或公司层级 |
使用情境:
- 开发或架构人员需要画 UML、ER 图来设计系统时,可以直接用它在线完成。
- 运维或网络工程师整理网络拓扑时,网络图是它的常见用途之一。
- 产品、运营人员梳理流程或做 BPMN 建模时,也能覆盖。
迁移与兼容:
资料提到它可以导入 .vsdx、Gliffy 和 Lucidchart 文件。如果你原来用 Lucidchart 或 Gliffy,想换工具又不想重画,这个导入能力会比较实用。
下一步:
先明确你要画的图表类型,再打开 draw.io 从对应模板或空白画布开始;如果已有旧文件,直接用导入功能迁移。
在 draw.io 中如何保存和导出图表到本地或云盘?
在 draw.io(Flowchart Maker & Online Diagram Software)里,保存和导出是两条不同的路径:保存决定文件存在哪里、后续能否继续编辑;导出是把图表转成图片、PDF 等格式交给别人看。
保存:先选存储位置,再决定是否自动存
打开图表后,顶部菜单的 File 里能看到保存相关选项:
- Save:保存当前修改。第一次保存时需要先确定存到哪里。
- Save As:另存为一份新文件,适合在已有图表基础上做分支版本。
- 存储位置:可以选择存到本地设备,也可以存到云盘(如 Google Drive、OneDrive、Dropbox 等),由你在保存时指定。
如果希望省去反复手动保存,可以在 File → Preferences 里打开自动保存。注意自动保存只对已经确定存储位置的图表生效;如果图表还没保存过,先手动保存一次并选好位置。
导出:按用途选格式
导出同样在 File → Export as 里,常见选择:
| 用途 | 建议格式 |
|---|---|
| 发文档、插 PPT | PNG、JPEG、SVG |
| 打印或归档 | |
| 保留矢量清晰度、可再编辑 | SVG |
| 给其他绘图工具打开 | .vsdx、Gliffy、Lucidchart 文件 |
导出时可以勾选透明背景、设置缩放比例、选择是否包含整个图表范围,按接收方的需要调整即可。
什么时候用哪种
- 只是自己继续改图:用 Save 或 Save As,存本地或云盘都行。
- 要把图发给同事、贴进报告:用 Export as 导出 PNG/PDF。
- 需要对方也能继续编辑:优先导出 .vsdx,或直接把云盘文件共享给对方,而不是发图片。
下一步
如果你已经在编辑图表,先点 File → Save 确认存储位置;要交付时再走 File → Export as 选格式。两者不冲突,可以同时保留可编辑文件和导出成品。
使用 draw.io 时为什么需要启用 JavaScript?
draw.io 本身是一个运行在浏览器里的绘图应用,它需要 JavaScript 来渲染画布、响应拖拽和实时保存图形,所以不启用 JS 就只能看到“Loading...”而无法进入编辑器。
具体原因
- 画布是动态生成的:流程图、UML、ER 图等图形界面由 JavaScript 在浏览器端绘制,静态 HTML 无法呈现。
- 交互依赖脚本:拖拽节点、连线、缩放、对齐等操作都要靠 JS 事件处理。
- 导入与导出在本地完成:.vsdx、Gliffy、Lucidchart 文件的解析和导出同样由前端脚本执行,不经过服务器渲染。
遇到“Loading...”怎么办
- 确认浏览器已开启 JavaScript(设置 → 隐私与安全 → 网站设置 → JavaScript)。
- 检查是否有广告拦截、脚本拦截类扩展阻止了页面脚本,可对 draw.io 单独放行。
- 若公司网络或安全策略禁用脚本,可改用桌面版客户端,功能与网页版一致。
例如需要在受限环境中画网络拓扑图时,先确认脚本权限,再决定用网页版还是桌面版,能省去反复加载的麻烦。
用户评价(0)