照惯例,先看视频,再看笔记。 1 月 18 号, sketch 更新了官方文档,其中提到了可以支持 figma 的导入,那我这里来给大家演示一下, 顺便跟大家说一下文件互导中容易出现的问题。
首先,我们需要先把figma保存为本地格式,在figma中点击File——Save As.fig就可以将figma文件保存到本地了。
然后打开sketch,由于sketch是刚更新的,这个时候我们还需要确定一下sketch的版本,目前我的是95.1版本,确定好版本之后,我们直接选择打开本地文档,接着选择我们刚刚保存的figma文件就可以了。
或者还有一个办法,我们选中我们刚刚保存的figma文件,鼠标右击——打开方式——选择sketch,这样就可以把figma文件导入到skech里面了。
导入之后,这里显示几个错误,其实就是字体也缺失。说到字体,我想到一件事,就是sketch跟figma文件互导的时候,因为figma也支持直接把sketch文件拖到figma里面导入,明明电脑上都有这个字体,但是还是会显示字体丢失。 这是因为两个软件的某些字体命名方式不同或者其他的原因,导致两个软件之间同样的字体不能被识别,不过这个目前没有什么特别好的解决方法,大家只能去通过一些插件批量选择把字体改一下。
下面我们来看看其他的地方,整体上是没有什么问题的,错位应该也不会有。但是,我们来对比一下这个按钮,这个按钮在figma中是个组件,但是导入到figma中就不是组件了,并且自动布局的层也变成了蒙板。 我这里要表达的就是,虽然官方支持了文件互导,但其实导入效果没那么好,首先组件没有识别,另一个就是蒙板有点莫名其妙的,所以大家导入之后还是要自己把每个图层都好好的检查一遍,我一向是不推荐大家在这些软件里面文件互导的,因为他们的功能逻辑就不一样,不能实现完美转换。当然,如果你只是临时救个急,这肯定是没问题的。
那我的初衷呢,或者是预设的场景,就是我们要正经的做设计稿的时候,*好的方法就是从头就确定一个设计软件,然后从头去做你的项目,这样一点一点慢慢来,目前我是没看到有什么特别完美的这种转换的工具。 最后就是,我发现最近一段时间sketch更新加快了,同时我也在网上看到一些消息,说某些团队里面,某个领域里面非常厉害的大佬也加入了sketch团队,这个就是竞争的好处,对我们设计师、我们用户来说是个好事,毕竟有竞争才能有进步啊。