如何在Sketch，Figma及XD之间转换文件格式？

如今，UI设计工具越来越多，每个软件都有他特定的使用群体，但是，设计师不可避免的会遇到相互协作的时候。那么文件转换就成了一个大难题。

在本文中，我们会讨论Sketch，Figma及XD这三个软件之间的相互转换。

为什么要将一种格式转换为另一种？

从一种工具转换为另一种工具的原因很多，但主要的原因有：

• 便利性 -并非每个人都有Mac（包括我自己）和Sketch。
• 成本 —对于某些工具，例如Figma和XD，最基本的使用是完全免费的，没有成本。Sketch有试用版，但是您之后必须购买。使用免费计划非常有吸引力，如果您是自由职业者的话。
• 沟通 -在反馈过程中，某些工具比其他工具要好得多。Figma是一个很好的例子，因为它的协作机制非常简单好用。
• 原型制作 -一些工具具有更好的原型制作功能，稍后我将详细讨论。
• 客户的愿望 -一些客户不想使用特定的软件，或者体验不好并希望进行更改。
• 灵活性 -如果您的工具在未来哪一天消失啦，或其他工具随着时间的推移变得更好，你想更改为其它平台，该怎么办？基于这一点考虑，转换变得非常重要。

最常用的设计工具Sketch，Figma与Adobe XD

根据Uxtools.co在2019年所做的调查，这是三个最受欢迎的UI设计工具。

Sketch是UX / UI领域的创新者，因为它比当时的任何其他工具都简单且好用得多。虽然其他工具正在追赶并具有其他优势，但是Sketch一直处于榜首。

Figma是在线替代产品，是设计，反馈和原型制作的理想选择。任何人都可以使用它，因为您只需要一个浏览器。

Adobe XD一直在快速迭代（Adobe每月都会更新），并且每个月都在变得越来越有用。它还具有Adobe生态系统的其它优势。因此不可忽视。

下面我们来看看如何在这几种文件格式中相互转换。

从XD转换到Sketch

评分：?

从XD到Sketch的转换可以通过两种方式完成：SVG转换 -所有画板均导出为SVG，然后导入到Sketch中。这是一个不怎么好的解决方案，我不建议这样做。

使用转换器 —XD2Sketch.com。XD2Sketch可以将XD文件转换为Sketch。他们还将在将来支持Figma to Sketch和更多格式。这种方式的体验是最好的，大家可以试试看。

从Figma到Sketch转换

评分：?

唯一的方法是我们上面提到的SVG的转换方式。这不是一个很好的解决方案，希望未来有转换器研发出来。

目前XD2Sketch.com开发者正在进行Figma到Sketch功能的Beta版本测试，相信不久我们就可以用到。

有趣的是，Sketch官方并不提供Figma到Sketch的解决方案，虽然这可以吸引更多的用户，也许他们不想让软件直接的双向转化变的太简单。毕竟，在Figma中打开Sketch文件很简单。

从XD到Figma的文件转换

评分：?

粘贴-你可以直接将XD的画板直接粘贴到Figma中。

SVG转换-从XD导出SVG，然后将其导入到Figma中。这不是最好的解决方式。

使用转换器-XD2Sketch.com可以将XD文件转换成Sketch或者Figma。

从Sketch文件转到Figma

评分：?

你可以直接在Figma中打开Sketch文件。只需选择左上角的汉堡菜单，然后转到“文件”>“从Sketch文件新建”。

就这么简单，效果也是最好的。

从Figma到XD转换

评分：?

目前来说没有太好的方式，SVG是比较可行的方法之一。毕竟，每个公司或者软件开发者都希望保护自己的文件格式免受其它竞争对手的侵害。

从Sketch到XD

评分：?

你可以直接在XD中打开Sketch文件，效果非常棒。特别是元件之类的转换，做的非常到位。

Adobe甚至还提供了一些从Sketch转换文件格式的技巧。

对于Mac用户，只需要在XD中按Cmd+O并打开文件。

对于Windows用户，键盘快捷键是Ctrl+O。

之后请记得将文件另存为XD文件。根据Adobe的说法，您只能打开使用Sketch 43或更高版本创建的Sketch文件。如果您确实有一个旧文件，只需将其保存在最新版本的Sketch中，便可以打开它。

几个主流工具的用户趋势

根据Uxtools.co的用户调查，我们发现这几款工具的趋势发展情况。

InVision作为原型工具的使用趋势正在下降。而Sketch则一直保持稳定，Figma和XD则一直处于上升趋势，在2019年，Figma已经成为Sketch的有力竞争对手。

静电的建议：目前Figma上升趋势明显，建议大家可以适当学一下，了解一下，作为备用工具，方便后期平滑转换。

原文：https://uxdesign.cc/converting-formats-for-ui-design-tools-250b41f2c7f2

作者：Sebastian Tan

翻译：静电@静Design