品牌型号:联想GeekPro 2020
系统:Windows 10 64位专业版
软件版本:Figma入门版
作为一款轻量级的矢量产品设计软件,Figma拥有高效而友好的操作界面,同时也提供了优秀的团队协作编辑功能,让产品的编辑设计效率更高、更专业。更让人惊喜的是,Figma可在线使用,无论是Windows系统,还是Mac系统,均可通过打开Figma网页的方式在线设计产品。接下来,本文会介绍Figma如何导出整个画板,Figma如何导出Figma源文件的相关内容。
一、Figma如何导出整个画板
Figma的导出功能可满足各种产品设计的需求,不仅能导出JPEG、PDF、PNG等文件格式,也能将整个画板的元素都导出来。接下来,让我们一起来看看Figma如何导出整个画板。
首先,如图1所示,点击Figma左侧草稿功能的添加按钮,选择添加“Figma画板”。
创建了Figma画板,并在画板上完成产品的设计后,如图2所示,展开Figma左上角的菜单功能,点击文件菜单,选择“导出为”功能。
在Figma的导出功能中,如图3所示,可依次指定导出的文件类型、背景、范围等。其中可导出的文件类型包括PNG、JPG、PDF、CSV。
如果选择导出PNG格式图片,如图4所示,可将图片背景设置为网格、透明或纯色。比如在设计图标时,常会选择导出透明背景的PNG格式图片。
如果是选择导出JPG格式图片,如图5所示,还可以对导出的图片质量进行设置,其质量选项包括高、中、低。质量越高,图片画质越好,相对而言文件也越大。
最后,通过设置导出范围选项可以指定导出的元素,其中包括仅导出所选对象以及导出所有文件两个选项。如果要导出整个画板,需选择导出所有文件。
二、Figma如何导出Figma源文件
除了将画板中的元素导出为JPG、PDF等文件格式外,Figma也能将源文件导出到本地电脑中,供分享或保存使用。下面让我们详细了解一下Figma的文件保存功能。
如图7所示,展开Figma左上角的菜单功能,打开文件,可通过保存本地副本、保存至历史版本、导出元素图片到本地等方式导出Figma源文件。
1.保存本地副本
如果使用的是Figma在线版功能,本地电脑未能保存源文件,可通过保存本地副本的方式,将源文件导出到本地设备中。Figma源文件的格式为Fig。
2.保存至历史版本
如果文件修改的版本比较多,可通过“保存历史版本”功能,将不同时期修改的文件保存为历史版本。比如,如图9所示,将新添加三角形图形的文件保存为v1.1版本。
保存后的历史版本,如图10所示,可在Figma的版本历史面板查看与打开。
3.导出元素图片到本地
如果要单独导出设计面板中的元素,可通过设置元素的导出选项进行相关操作。如图11所示,先在设计面板中选择需导出的元素,然后在右侧设计面板中点击导出选项右侧的“+”按钮,添加导出预设。本例将预设设置为导出原倍的JPG图片,图片质量设置为高。
完成以上设置后,应用Figma的导出功能。如果选择的是组,导出面板会出现组内的元素选项,可指定导出所有元素或仅导出所选元素。
三、小结
以上就是关于Figma如何导出整个画板,Figma如何导出Figma源文件的相关内容。Figma可通过导出功能,将Figma源文件导出到本地设备中,或将不同时期编辑的文件保存为历史版本。如果要分享现成的文件,可选择导出JPG、PNG、PDF等文件,兼容性更强。
作者:泽洋