作为UI设计师,如果你不熟悉几款设计软件的使用,那么你将会觉得UI设计工作很难开展起来。Figma导出Sketch插件是否可行呢?但是大家都非常清楚,实际上Sketch插件是不支持直接导入Figma的fig文件,因此这个问题就转变成了:如何把Figma导出Sketch插件?国产软件Pixso可以实现Figma转Sketch插件工作需求。

Pixso同样也是一个UI设计工具,但是这个软件有一个很强大的功能,它既支持导入Figma文件,也支持导出Sketch插件。Pixso不仅实现了和Sketch、Figma的无缝衔接,更是有很多不同组件,可组合使用,设计师可在其上面进行灵活创作,满足基本的创作需求。

Sketch替代

1. 将Figma文件导入Pixso

在导入Figma文件时,Pixso现在主要支持两种导入方式:

  • 第一种是:Figma文件链接导入

  • 第二种是:本地Figma文件导入

1.1 Figma文件链接导入

首先需要打开Pixso的工作台,如下图直接点击右上角的「导入figma文件」即可,在弹出的面板,切换到「URL导入」,点击下方的「前往授权」,打开Figma官网进行授权。

URL导入Figma

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

授予读取Figma文件的权限

授权之后,接下来的工作,我们需要打开Figma工作台,然后将需要导出的Figma文件的分享权限设置为Anyone with the link,这是一步很重要的步骤,大家千万不可忽视。设置编辑权限

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

复制Figma文件的链接

然后我们需要再回到Pixso中进行下一步,需要将复制的Figma文件链接粘贴到URL导入的输入框中,然后直接点击右下角的「导入」即可,也就是说,我们现在完成将Figma文件导入Pixso的工作了。

完成Figma文件导入Pixso

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

查看Figma文件

1.2 本地Figma文件导入

除了通过文件链接导入Figma文件,Pixso还支持将下载到本地的Figma文件导入Pixso。

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

云端Figma文件下载

切换到 Pixso软件中,同样点击右上角的「导入figma文件」,这里提醒大家,在弹出的面板中是直接默认为导入Figma文件,所以直接点击中间的空白区域,从本地上传刚下载的fig文件即可,稍等一小会,就能在Pixso中查看导入的Figma文件了!

查看导入的Figma文件

2. 从Pixso导出Sketch插件

将Figma文件导入Pixso后,如果需要导出Sketch插件,可以点击左上角的菜单,选择导出文件 >> Sketch文件,就可以将文件转sketch文件格式。

文件转sketch

如此一来,借助Pixso的Figma文件导入与导出功能,可以将Figma导出figma插件的工作。

在这里给大家重点强调下,Pixso是可以兼容多种格式的,除去上面给大家详细介绍的Figma文件之外,目前Pixso还支持导入其他文件格式,包含Axure(.zip)、XD(.xd)、SVG(.svg)、Sketch组件资源,这意味着之前使用其他工具进行原型或UI设计的朋友,可以很方便地将项目文件导入Pixso,在一个地方集中管理多个项目文件。

Pixso兼容多种格式

Pixso在软件更新中对Sketch组件资源导入工作进行了优化,尤其是对Sketch组件库和Sketch设计稿的支持,解决了Sketch组件库和设计稿导入后,设计稿中的实例与组件库关系丢失的问题,让Sketch文件迁移后自动生成Pixso资源库,并保留文件中实例与库中组件的关系。

Sketch组件库迁移

如此一来,Pixso对Sketch插件的使用上会更加方便,也更容易满足当下众多UI设计师工作需求。

3. Pixso插件广场,一键安装

对于大多数产品设计师,或多或少都使用过一些插件,堪称设计师“效率神器“。随着插件数量的增多,无形中也增添了一些困扰,部分插件冗余导致界面堆砌,无法高效定位拖慢效率。国内协同设计代表产品Pixso,上线了“插件广场”功能,汇集了Pixso插件,对界面做了清晰的划分,帮助用户更加高效的获取。插件广场还配置插件管理功能,可以一键安装和卸载插件,设计界面插件按钮就会同步安装状态,满足用户定制化插件需求。

Pixso资源社区一样,插件广场将秉承开源精神,为用户提供一个开放的平台,不断拓展设计边界。本次插件广场的迭代,除了容纳更多优质插件,我们还会逐步开放生态,将设计可能性无限放大。

Pixso插件广场