【教程】Figma文件保存图片方法,无需第三方工具!

您所在的位置:网站首页 方与圆讲的是什么道理 【教程】Figma文件保存图片方法,无需第三方工具!

【教程】Figma文件保存图片方法,无需第三方工具!

2023-06-17 15:48| 来源: 网络整理| 查看: 265

在设计领域中,Figma 作为一款备受欢迎的在线协同设计软件,给设计师们带来了许多便利。然而,Figma 目前并不能直接保存图片。那么,有没有什么方法可以解决这个问题呢?答案是使用「即时设计」,这是一款国产的在线设计工具,可以说是 Figma 的本土版。它不仅在功能上与 Figma 兼容,并且完全支持中文界面,消除了语言上的障碍。

下面将介绍一种全新的方法,让你轻松保存 Figma 文件中的图片。

第一步:将 Figma 文件保存至本地

Figma 具有强大的导出功能,操作非常简单。只需将文件添加到本地数据库,然后点击保存即可。在 Figma 中,选择导出.fig 文件,并将其保存到本地。接下来,我们将使用免费注册的中文版即时设计作为替代工具。

https://js.design/login?type=wechatLogin&source=zhihu&plan=yzbz54

第二步:将 Figma 文件导入即时设计

首先,找到即时设计的工作台,并在工作台上找到文件导入入口。即时设计提供了三种不同的导入方式,你可以根据自己的习惯选择任意一种。即时设计支持三种导入方式,你可以通过以下步骤完成 Figma 文件的导入:https://js.design/import?source=zhihu&plan=yzbz54

在「工作台」点击上传或直接拖拽 Figma 文件,即可快速上传以前的设计稿。

除了点击上传和拖拽上传,即时设计还支持「URL导入」(需前往 Figma 页面完成账号授权)。

完成授权后,仅需在指定位置填入 Figma 文件的分享链接,即可将其导入即时设计工作台。

等待文件导入完成后,即时设计将显示导入结果。你可以在工作台上查看导入完成的文件,并根据自身需求选择继续导入或打开已导入的文件。

第三步:将 Figma 文件保存为图片

在将文件导入即时设计之后,你可以在界面上进行二次编辑。完成编辑设计后,通过即时设计的导出功能保存图片。只需选中要导出的元素,点击右侧设计面板导出选项的加号 "+",为元素添加导出选项。然后,点击下拉菜单选择 PNG 格式,并自行设置元素的导出格式,包括 PNG、JPEG、SVG 和 PDF 等。

至此,你已成功将 Figma 文件保存为 PNG 格式的图片。即时设计不仅是一款出色的 Figma 图片保存神器,更是一款全中文界面的本土在线设计工具。它支持跨平台协同和文件云同步,多人同时协作毫无压力。此外,即时设计官方社区资源丰富,拥有设计系统和海量设计模板,免费注册即可畅享使用,对本土设计团队而言无疑是更便捷的。

除了以上特点,即时设计还拥有强大的设计功能,包括自动布局、组件变体、创建团队、在线评论和无需手动切图等便捷功能。它还支持产品经理建立流畅的原型框架流程,实现团队上下游协同,一站式便捷交付。更重要的是,即时设计开创了在线协同的产品研发新模式,无需在多个工具之间切换,从需求梳理、UI 设计到原型设计、收集反馈、原型交付,一切在一个工具中高效完成!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3