虽都是fig文件,但打开fig文件所用到的软件完全不同,在选用工具之前,要先弄清fig文件的来源。
了解fig文件的来源后,就可以按需选择对应的软件打开,下面重点分享“如何打开来自figma的fig文件”——
figma文件怎么打开?fig是UI设计软件Figma的原生格式,最直接的打开方式就是使用Figma。在浏览器打开Figma工作台,点击右上角的Create,底部有一个Import导入的选项,点击后会弹出导入文件的窗口,选择本地的fig文件,即可打开fig文件。
网络不佳,怎么打开fig文件?前面介绍的是理想条件下打开fig文件的方式,熟悉Figma的人都知道,Figma服务器架设在海外,且未部署CDN加速,许多国内用户真正使用时存在诸多阻碍,一个直观的体会就是,fig文件导入失败,或是导入后加载缓慢,影响工作的正常开展。
其实除了Figma,如今也有不少国内的本土设计软件,比如新一代产品设计工具Pixso、产品原型设计工具“墨刀”,也陆续增加了对Figma原生文件fig的兼容,支持导入并精准还原fig文件,且能够在导入后对fig文件进行自由调整,最终导出PNG、JPG、PDF或矢量文件SVG。
fig文件怎么打开?
下面以Pixso和墨刀为例,介绍使用这两款本土设计软件打开fig文件的具体步骤——
怎么用Pixso打开fig文件?Pixso,是新一代的产品设计平台,集白板、原型、设计三大模型于一体,打通产品设计全流程,其中的Pixso设计提供了“导入fig文件”的功能,方便国内用户将Figma文件平滑地迁移到Pixso中,基于Pixso编辑器在线查看、编辑或多人协作。
与Figma一样,Pixso是基于云端技术构建的在线设计工具,在浏览器打开Pixso首页即可直接使用,下图是Pixso工作台,点击右上角的“导入文件”,打开文件导入面板,单击第一个Figma图标,准备导入fig文件。
打开导入Figma文件的窗口,点击或拖拽fig文件到灰色窗口中,即可将Fig文件快速导入Pixso中。
团队转用Pixso的fig文件迁移方案除了打开单个的fig文件,对于重度使用Figma的设计团队而言,通常会在Figma中搭建设计系统或团队资源库,这些长期沉淀下来的设计资源,某种程度上也是影响文件迁移的关键因素。
对于团队设计资源,譬如设计组件库,Pixso也能做到同步迁移,确保组件库与各个设计文件间的关联关系不被破坏,实现“一处修改、全局更新”的高效设计体验。
Pixso工作台的右上角提供了“组件库迁移”的入口,支持将Figma或Sketch组件库一键迁移到Pixso中,具体如何操作,可查看下方的详细步骤——
① 从 Figma 导出设计文件
(1)使用 Google Chrome 浏览器,安装 Figma 文件导出插件 fig-export-help
(2)在浏览器界面右上角点击更多按钮
(3)选择【扩展程序-管理扩展程序】-- 在打开的新页面右上角开启开发者模式
(3)将下载完成的插件压缩包拖入到当前页面
(4)在浏览器页面中看到下图所示卡片,即代表安装成功
⚠️ 注意:安装成功后需要刷新或重新加载 Figma 文件进行导出操作。
② 组件库fig文件迁移导入Pixso
在工作台的右上角你可以找到迁移入口,点击后打开弹窗,将 tab 切换至 Figma。在此之前你需要保证已经按照【从 Figma 导出设计文件】中的说明,从 Figma 上下载了组件库文件设计稿。
注意:Figma 组件库是指那些你在 Figma 发布了团队资源库的文件,文件中存在云端组件或是样式;设计稿文件则是调用了团队资源的文件,如果你的文件中既包含主组件又包含实例,请优先从「Figma 组件库」的入口上传。
在你导入前请确认以下几点后再进行文件导入:
-上传前确认你要导入的团队和项目,你选择的团队将对资源关联至关重要;
-团队组件库上传仅对团队管理员开放;
-你的组件库文件中需要包含样式,缺少样式可能导致组件库导入之后无法和其实例建立关联,所以建议你在无样式的组件库中创建一个样式来避免这种情况;
-Pixso 会检验你的文件是否重复,若你的文件中存在重复,请根据提示谨慎选择跳过或者覆盖;
导入 Figma 组件库
(1)团队管理员拥有组件库的上传权限。拖拽或点击选择将要上传的文件,根据提示完成导入流程。
(2)上传后的组件库将自动发布为团队资源库,并自动关联团队中有关联性的 Figma 设计稿文件。
导入 Figma 设计稿
(1)团队内有编辑权限的人均可进行 Figma 设计稿的导入。若你的目的是进行 Figma 组件库和设计稿的迁移,请从按照以下步骤,从Figma资源迁移入口完成文件导入。
(2)若该团队中导入了该 Figma 文件对应的组件库,打开导入后的 Figma 设计稿文件,选中实例,点击“跳转到主组件”即可打开对应的组件库文件。若你有组件库文件的访问权限,即可进行访问;
(3)若组件库文件进行了更新,在设计稿文件处右下角显示更新弹窗。在更新弹窗中查看更新明细,点击更新,即可完成资源同步。
怎么用墨刀打开fig文件?墨刀,是老牌的产品原型设计工具,虽然墨刀的推出时间较久,但在今年它依旧焕发出无限可能——版图从最初的墨刀原型,逐步扩展到覆盖白板、原型、设计、AIPPT、Agent等多个领域,一站式覆盖高保真原型、UI设计、代码交付与协作全链路。
墨刀设计专为UI/UX打造,AI驱动视觉创作,一键生成高质代码,终结设计还原之痛,兼容Figma和Sketch,即墨刀设计也支持打开来自Figma的fig文件,将外部文件导入一站式产品设计平台实现集中管理和协作。
使用墨刀设计打开fig文件的步骤:
在浏览器打开墨刀个人空间,如下图所示,点击“新建墨刀设计”右侧的下拉箭头,选择“导入文件”。
在打开的文件导入面板,单击Figma图标,打开本地的fig文件,即可将Figma文件一键导入墨刀设计,告别碎片化设计,畅享极致的一体化体验。
以上就是本次想和各位分享的所有内容,希望能帮到有需要的朋友。如果你有其他疑问,或是想进一步了解的内容,欢迎在下方的评论区留言,我们一起交流探讨。
#figma#