Hello 各位好,我是小豪。
前段时间在逛 Figma 的社区,看到了不少优秀的设计资源,突然脑海中有了一个想法:怎么把这些资源放到 Sketch 中使用呢?
众所周知,Sketch 不支持直接导入 Figma 的 fig 文件,因此这个问题就转变成了——如何把 Figma 文件转换为 Sketch 格式?
经过一番摸索,我找到了一个比较方便的工具——Pixso,它同样也是一个 UI 设计工具,不过强大之处在于,它既支持导入 Figma 文件,也支持导出 Sketch 格式,没想到一个 UI 设计工具也能当成一个格式转换工具使用哈哈哈哈~
话不多说,开整!
✅ Pixso 是什么?
Pixso 是一款新一代的设计协作工具,集原型、UI、交互、交付于一体,支持在线使用、多人协作,涵盖原型交互、专业 UI 设计、自动切图标注、云端自动备份等功能,通过跨设备的协同、实时云同步内容,打通产品、设计到研发的工作链路,全面覆盖原型、设计、交付全流程。
将 Figma 文件导入 Pixso
在导入 Figma 文件时,Pixso 支持两种导入方式:
- Figma 文件链接导入
- 本地 Figma 文件导入
Figma 文件链接导入
打开 Pixso 的工作台,点击右上角的「导入figma文件」,在弹出的面板,切换到「URL导入」,点击下方的「前往授权」,打开 Figma 官网进行授权。
在打开的授权页面,点击蓝色按钮「Allow access」,授予 Pixso 读取 Figma 文件的权限。
授权之后,打开 Figma 工作台,将想导出的 Figma 文件的分享权限设置为 Anyone with the link。
接着右击 Figma 文件,选择「Copy link」,复制 Figma 文件的链接。
回到 Pixso 中,将复制的 Figma 文件链接粘贴到 URL 导入的输入框中,点击右下角的「导入」,就可以将 Figma 文件导入 Pixso 了。
文件完成导入后,点击右侧的「打开文件」,就能在 Pixso 中查看刚刚导入的 Figma 文件啦。
本地 Figma 文件导入
除了通过文件链接导入 Figma 文件,Pixso 还支持将下载到本地的 Figma 文件导入 Pixso。
首先在 Figma 中打开待导出的文件,点击左上角的 Figma 图标,选择 File >> Save local copy,将云端的 Figma 文件下载到本地,可以得到一个 fig 格式的文件。
切换到 Pixso,同样点击右上角的「导入figma文件」,弹出的面板默认为导入 Figma 文件,点击中间的空白区域,从本地上传刚下载的 fig 文件,稍等一小会,就能在 Pixso 中查看导入的 Figma 文件了!
从 Pixso 导出 Sketch 文件
将 Figma 文件导入 Pixso 后,如果需要导出为 Sketch 文件,可以点击左上角的菜单,选择 导出文件 >> Sketch文件,就可以将文件导出为 sketch 格式。
如此一来,借助 Pixso 的 Figma 文件导入与导出功能,可以将 Figma 文件自由转换为 Sketch 格式~
兼容多种文件格式
除了这里介绍的 Figma 文件,Pixso 还支持导入其他文件格式,包含 Axure(.zip)、XD(.xd)、SVG(.svg)、Sketch 组件资源,这意味着之前使用其他工具进行原型或 UI 设计的朋友,可以很方便地将项目文件导入 Pixso,在一个地方集中管理多个项目文件。
有需要的朋友,可以去体验一下,我测试过导入不同的设计文件,导入后文件可以正常显示,也没有遇到过文件丢失的情况,整体上用起来还不错!
码字不易,如果对你有帮助,请别忘了点赞或关注哦~我们下次再见。
效率工具指南:致力成为国内优质的工具测评媒体。