Sketch、Figma和XD.jpg

效率工具指南：致力成为国内优质的工具测评媒体。

Hello 各位好，我是小豪。

一直以来，不同软件间的格式兼容或格式转换，是许多设计师非常头疼的问题，尤其是想把某种专属格式的设计资源，导入另外一款软件中使用，总是没能找到很好的方法。

对于 UI 设计中常用的 Sketch、Figma、Adobe XD，在转换之前，我们可以先梳理一下每款软件原生支持的文件格式：

• Sketch：仅支持 Sketch 文件
• Figma：支持导入 Sketch 文件，但不支持导出 Sketch、XD 文件
• Adobe XD：支持导入 Sketch 文件，但不支持导出 Sketch 文件

根据这三款软件支持的文件格式，我绘制了下面的图片，可以看到，只通过软件原生的功能，并不能实现 Sketch、Figma 和 Adobe XD 三种文件之间的格式转换。

三款软件的格式转换情况.png

既然使用原生功能无法做到，那我们可以后退一步，不求一步到位，而是借助一些第三方工具，将格式转换为软件本身支持的格式，再导入目标软件中。

目前市面也有一些专门用于格式转换的工具，例如 Magicul、Convertify Figma to Sketch/XD/AE 等，但这些工具都需要付费，且价格不低，如果不经常使用，为单次的格式转换付费则不太划算，这里更建议你使用免费的格式转换工具 Pixso。

格式转换工具 Pixso

Pixso，是一款对标 Figma 的国产在线 UI 设计工具，相比 Figma，Pixso 在文件兼容方面拥有出色的表现，支持导入 Figma、Sketch 和 Adobe XD 文件，导入 Pixso 的文件可以被很好地还原，与此同时可导出 Sketch 和 XD 文件。

• Figma → Sketch：Figma → Pixso → Sketch
• Adobe XD → Sketch：Adobe XD → Pixso → Sketch
• Figma → Adobe XD：Figma → Pixso → Adobe XD
• Adobe XD → Figma：Adobe XD → Pixso → Sketch → Figma（链路最长）

这样一来，通过 Pixso 内置的导入和导出功能，我们可以很方便地实现 Sketch、Figma 和 Adobe XD 文件之间的格式转换。

Pixso

Pixso 是一款基于浏览器的在线设计工具，使用之前无需下载安装客户端，在浏览器打开 Pixso 官网就能直接使用。

打开 Pixso 进入工作台后，点击「导入文件」，在弹出的「文件导入」窗口，选择不同的软件图标，就能将对应的文件导入 Pixso 中。

image (88).png

将 Figma 文件导入 Pixso

在导入 Figma 文件时，Pixso 提供了两种导入方式：

• 从电脑本地导入 fig 文件
• Figma 文件链接在线导入

1）从电脑本地导入 fig 文件

在 Figma 中打开待导出的文件，点击左上角的 Figma 图标，选择 File >> Save local copy，将云端的 Figma 文件下载到本地，可以得到一个 fig 格式的文件。

image (89).png

切换到 Pixso，点击文件导入窗口中间的区域，从本地上传刚下载的 fig 文件，稍等一小会，就能在 Pixso 中查看导入的 Figma 文件了！

image (90).png

如果从本地导入 Pixso 的 fig 文件较多，可以点击文件导入窗口右上角的「批量导入」，一次批量导入多个文件。

image (91).png

2）Figma 文件链接在线导入

点击 Pixso 工作台右上角的「导入figma文件」，在弹出的面板，切换到「URL导入」，点击下方的「前往授权」，打开 Figma 官网进行授权。

image (92).png

在打开的授权页面，点击蓝色按钮「Allow access」，授予 Pixso 读取 Figma 文件的权限。

image (93).png

授权之后，打开 Figma 工作台，将想导出的 Figma 文件的分享权限设置为 Anyone with the link。

image (94).png

接着右击 Figma 文件，选择「Copy link」，复制 Figma 文件的链接。

image (95).png

回到 Pixso 中，将复制的 Figma 文件链接粘贴到 URL 导入的输入框中，点击右下角的「导入」，就可以将 Figma 文件导入 Pixso 了。

image (96).png

文件完成导入后，点击右侧的「打开文件」，就能在 Pixso 中查看刚刚导入的 Figma 文件啦。

image (97).png

从 Pixso 导出 Sketch/XD 文件

将 Sketch、Figma 和 XD 文件分别导入 Pixso 后，点击左上角的文件菜单，选择「导出文件」，在弹出的菜单，可以将文件导出为 Sketch 或 XD 文件。

值得一提的是，从 Pixso 中导出的 Sketch 文件，需要用最新版的 Sketch 打开，如果你使用的 Sketch 版本低于 80，在打开时可能会遇到打开失败的情况~

image (98).png

写在最后

码字不易，如果对你有帮助的话，请别忘了赏个【三连】或是【关注】我哦，关注不迷路！

我是小豪，那我们下次再见咯。

效率工具指南：致力成为国内优质的工具测评媒体。