SVG 转 Draw.io 转换器




将 SVG 文件转换为 Draw.io 的库组件。上传多个文件、粘贴 SVG 代码或直接拖放文件即可开始。

多种格式支持

支持文件上传、拖放操作以及直接输入 SVG 代码。

批量处理

支持同时转换多个 SVG 文件,并可预览。

兼容 Draw.io

生成的库可无缝集成到 Draw.io 图表中使用。

如何使用 SVG 转 Draw.io 转换器

该工具可将您的 SVG 文件或原始 SVG 代码转换为自定义的 Draw.io 库。转换后您将获得一个可直接导入 Draw.io(diagrams.net)的 .xml 文件。

1. 上传或粘贴 SVG

添加 SVG 有两种方式:

  • 将一个或多个 .svg 文件拖放到上传区域。
  • 或直接粘贴 SVG 代码,并为每个图形命名(如 icon-check.svg)。

2. 预览并整理

所有上传或粘贴的 SVG 将以缩略图列表的方式显示。您可以在生成库之前重命名或删除文件。

3. 生成库

点击“生成 Draw.io 库”按钮,即可创建一个包含所有 SVG 的 .xml 下载文件。

4. 导入到 Draw.io

打开 Draw.io,进入 文件 → 从设备打开库,选择下载的文件,即可开始使用自定义图形。需要帮助?请参阅此指南:https://svgtodraw.io/import.html

SVG 与 Draw.io:有何不同?

虽然两者都可用于制作图表,但 SVG 与 Draw.io 扮演着完全不同的角色。以下是它们的对比:

属性 SVG Draw.io
类型 基于 XML 的矢量图格式 图表编辑应用
用途 创建图标、标志、可缩放插图 绘制图表、流程图、UML、思维导图
可编辑? 是 – 可在文本或设计工具中编辑 是 – 使用可视化界面
支持 SVG? 它本身就是 SVG 是 – 可导入或通过自定义库使用
输出格式 .svg .drawio, .xml, .png 等

什么是 SVG?

SVG(可缩放矢量图形)是一种用于矢量图的开放标准。与光栅图像不同,SVG 可无损缩放,适合用于响应式图标、插图、UI 元素和标志。

SVG 的优缺点

  • Pros: 分辨率无关,可编辑,可动画,文件大小小。
  • Cons: 不适合复杂图像(例如照片),在旧环境中受限。

什么是 Draw.io?

Draw.io(也叫 diagrams.net)是一个免费的在线图表编辑器,广泛用于创建流程图、UML 图、系统设计等。它是开源的,可离线使用,并支持导入自定义库。

Draw.io 的优缺点

  • Pros: 免费且强大,支持离线使用,支持云存储(Google Drive、GitHub),可导入自定义库。
  • Cons: 与 Figma 或 Sketch 等工具相比,对于高保真 UI/UX 原型设计灵活性较差。

如何将 SVG 转换为 Draw.io 库?

只需将 SVG 上传或粘贴到本应用中,它会立即生成一个可下载的 .xml 文件,您可以将其作为自定义库导入到 Draw.io 中。这样可轻松复用图标、图形或设计系统。