Figma中文网 > 使用教程 > Figma源文件怎么导出 Figma源文件怎么打开
Figma源文件怎么导出 Figma源文件怎么打开
发布时间:2024/12/30 17:09:56

品牌型号:联想GeekPro 2020

系统:Windows 10 64位专业版

软件版本:Figma入门版

Figma是一款优秀的UI界面设计软件,不仅提供了丰富的矢量图形设计功能,还拥有实用的组件、插件资源,让设计师们可以更自由地进行创作设计。Figma良好的兼容性,让设计师们可进行跨平台的协作,并实现在线实时编辑的工作模式。本文会给大家介绍Figma源文件相关的内容,其中包括Figma源文件怎么导出,Figma源文件怎么打开。

一、Figma源文件怎么导出

Figma文件导出方式灵活而实用,不仅能将源文件导出到本地电脑,也能导出pdf、jpg、png等文件格式。如果在产品设计过程中出现了多个修改版本,还能通过导出历史版本的方式,保存不同时期的设计文件。

那么,Figma源文件怎么导出?大家可以使用Figma文件菜单中的“保存本地副本”功能。

Figma导出功能
图1:Figma导出功能

Figma源文件导出到本地后,会以fig格式保存。该格式文件可导入Figma中继续编辑。

导出本地副本
图2:导出本地副本

除了导出源文件到本地设备外,大家也可以选择将Figma文件保存至历史版本,或文件中的元素导出为pdf、jpg等文件类型。

如果是团队协作的文件,且文件修改的版本比较多,为了更好地区分不同的修改版本,建议使用Figma的保存至历史版本的功能。该功能可以保存不同时期的设计文件,并对其进行命名与调整细节描述。

保存历史版本
图3:保存历史版本

保存后的历史版本,如图4所示,可在Figma的版本历史面板查看与打开。

查看历史版本
图4:查看历史版本

另外,Figma设计文件中的元素可选择单独导出,如图5所示,在画板中选择编辑对象后,在右侧的设计面板中可设置元素的导出预设。

Figma提供了jpg、pdf、png等导出格式可供选择,同时,大家也可以通过导出预设设置文件的导出质量、颜色描述文件等属性。

添加导出设置
图5:添加导出设置

完成以上设置后,打开Figma的导出面板。如图6所示,如果导出对象选择的是组别,导出面板会出现组内的元素选项。在这种情况下,我们可指定导出所有元素或仅导出所选元素。

导出元素图片
图6:导出元素图片

二、Figma源文件怎么打开

‌如果要编辑保存在本地的Figma源文件,要怎么打开?Figma的源文件可通过文件列表的导入功能,导入到文件列表中打开。

如果当前打开的页面是画板,如图7所示,可展开Figma左上角的菜单功能,选择“返回文件列表”。

返回文件列表
图7:返回文件列表

然后,如图8所示,在Figma的文件列表中,点击“导入”功能。

导入文件
图8:导入文件

Figma支持jpg、png、sketch、pdf等文件格式的导入。如需导入本地电脑中的文件,点击“从电脑导入(import from computer)”选项。

导入文件类型
图9:导入文件类型

在打开窗口选择Figma的源文件导入,如图10所示,导入的文件会出现在“导入到草稿”面板中。确认上传的文件列表无误后,即可点击“完成”功能。

上传文件
图10:上传文件

完成Figma源文件的导入后,如图11所示,在文件列表中右击导入的源文件,并点击“打开”功能,即可在浏览器打开源文件编辑。

打开文件
图11:打开文件

除了通过导出源文件分享给他人外,Figma也提供了在线分享文件链接的功能。他人收到文件链接后,可在浏览器中打开链接并编辑,很适合团队协作使用。

分享链接的操作如下,如图12所示,右击文件列表中的目标文件,选择“分享”功能。

分享文件
图12:分享文件

然后,如图13所示,在分享界面中,邀请分享的用户即可完成分享。除了通过分享功能共享编辑链接外,也可以直接复制链接发送给其他用户。

分享设置
图13:分享设置

三、小结

以上就是关于Figma源文件怎么导出,Figma源文件怎么打开的相关内容。Figma可通过保存本地副本的方式导出源文件,如需再次编辑源文件,可在文件列表中导入源文件并打开。除了分享源文件外,Figma也能通过共享在线链接的方式,将文件发送给团队的其他人,实现共同的协作编辑。

 

作者:泽洋

读者也访问过这里:
135 2431 0251