对同时用过Figma和PS的人,可能都有这么一个疑问:Figma文件可以导入PS吗?能否把在Figma中做好的设计素材,导入到PS中复用呢?
众所周知,Figma和PS(全称Adobe Photoshop)是两个不同类型的设计软件,Figma是专门用于UI设计的在线协作软件,PS的强项在于视觉设计或图片合成。要想把Figma文件导入PS,需要用到这两款软件同时支持的文件格式——SVG。
SVG是一种图像文件格式,全称是Scalable Vector Graphics(可缩放矢量图形)。它的本质是一种基于XML的文本文件,用标签的方式描述图形元素(比如线条、圆形、矩形、路径等)。SVG图像属于矢量图,支持无限放大而不失真,也是Figma和PS目前同时兼容的格式。
Figma可以导入PS吗
如何从Figma文件导出SVG矢量图?
Figma只支持原生导出Figma的专属格式fig,想从Figma导出SVG矢量图,得用到一个第三方转换工具Pixso,Pixso可以看作中国版的Figma,相比Figma,Pixso对各类文件的兼容能力更强,支持导入Figma、Sketch、XD和Axure文件,同时支持导出SVG、JPG、PNG和PDF文件。

基于Pixso良好的兼容性,我们可以先将Figma文件导入Pixso,再从Pixso中导出SVG矢量图,具体操作如下:
① Figma文件导入Pixso
如何将Figma文件导入Pixso中?
想把Figma文件导入Pixso,目前有两种快捷导入的方式,一种是本地fig文件导入,一种是通过Figma链接导入Pixso。
本地fig文件导入,需要先在Figma中打开设计文件,点击左上角的Figma图标,依次点击File → Save local copy,将云端的文件导出为Figma专属的fig文件。
从Figma导出fig文件后,在浏览器打开在线设计工具Pixso的首页,进入Pixso工作台,如下图所示,点击Pixso工作台右上角的“导入文件”,弹出的面板列出了Pixso支持导入的所有文件,这里选择Figma。
来到导入Figma文件的界面,点击或拖拽fig文件到灰色窗口中,即可将Figma文件快速导入Pixso中。
② 从Pixso导出SVG矢量图
将Figma文件导入Pixso后,使用Pixso编辑器打开刚导入的Figma文件,在画布上选中想导出的容器或设计素材,选中后点击右侧“导出”选项的加号 +,接着配置导出属性,默认导出PNG格式的图片。
这里我们想导出SVG矢量图,因此点击PNG右侧的下拉箭头,在弹出的浮窗选项,更换为SVG矢量格式,完成修改后,点击底部的“导出”按钮,就能把选中的容器或素材,直接导出为SVG矢量图。
得到SVG矢量图后,将SVG矢量图直接拖入PS首页或画布编辑器中,即可实现Figma文件导入PS的目的。
以上就是本次想和各位分享的所有内容,希望能帮到有需要的朋友。如果你有其他疑问,或是想进一步了解的内容,欢迎在下方的评论区留言,我们一起交流探讨。