如何在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



往期精彩回顾

团队小流程不正规,设计师没有话语权?破解之道在这里!
该从Sketch切换到Figma吗?两款工具深度对比
【技巧分享】引导页如何设计,才能把用户顺利“引进门”?
十大用户体验设计失败案例,你知道吗?
国外疫情肆虐!设计师用可爱插画拯救世界?
Sketch64新版本发布啦!一篇文快速掌握新功能
设计师如何攻克大厂面试关?



静电的UI设计教室 20年4月新课
新版课程设计 面向实战及就业
提高UI设计师竞争力 快速精准就业
4月13日开课  仅剩6天时间
↓↓长按二维码咨询报名↓↓

好文!必须点赞

本文分享自微信公众号 - 静Design(JingDesign91)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。web

相关文章
相关标签/搜索