Figma又崩了,但我们P事没有

49 篇文章 0 订阅
33 篇文章 0 订阅

北京时间2022年6月7日下午2点45分左右,Figma的服务器又崩了,全球范围内使用Figma工作的设计师被迫歇业,只能望着504报错页面佛系摸鱼,经过官方2个多小时的紧急修复,才终于恢复正常。

图片

所幸的是,我们团队在很早迁移Sketch文件至Figma过程中就发现了诸多问题,几番评估后还是放弃了Figma,没有受本次崩溃事件的影响,现在看来当时的决定真的很明智。

为什么Figma这么火?——Sketch的协作能力太弱

疫情前夕,我们团队用的是Sketch,干净的UI界面、丰富的图层样式、专业的矢量编辑、轻量的文件体积、海量的三方插件,比之PS,更适合追求“高效输出”的互联网行业。

但Sketch的问题也非常明显,独占Mac平台和弱协作能力一直饱受诟病,这意味着公司必须多一笔开支为设计师配备Mac电脑并购买Sketch Cloud服务,关键是费用和协作效率不成正比。

图片

疫情爆发后,越来越多的公司转向远程办公,Sketch的弱协作问题暴露无遗,而Figma凭借着多人在线编辑、不受设备限制、价格更低、操作更流畅等优势迅速崛起,短短几年估值破100亿美元,赶超Sketch成为设计师的新宠。

为什么没有选择Figma——协作的最终目的是保证产出

我们团队采购的是摹客设计云,通过插件把Sketch设计稿上传到摹客协作平台进行多人评审,很好的解决了重复改稿和交付开发的问题,但设计师之间的协作始终不尽人意。

图片

作为设计团队的负责人,我尝试迁移存量的Sketch文件至Figma,以此加强设计师在线编辑时的协作和沟通,但这个过程却带来了更繁琐的工作,导致我们不得不继续保持现有的工作方式。

1) 国外产品的售后服务堪忧

Figma暂未对企业提供私有部署,这意味着我们将和数百万设计团队共用一套云服务,数据上没办法做到绝对的隔离,总觉得不安全,而且Figma的团队在国外,一旦出现服务器宕机,我们就只能被迫等待,远没有国内产品7*24小时专人服务让人安心。

2) Sketch文件的还原度不准确

Figma和Sketch在数据结构上是存在差异的,导致我们上传的Sketch文件经常出现内容缺失、图标错位、属性不准等问题,意味着我们的设计师需要在Figma上进行修正和检查,不仅没有解决问题,反而带来了新问题,浇灭了迁移热情。

图片图片

Sketch文件导入后的内容缺失

3) 团队内原有协作方式被破坏

导入Sketch文件时,Figma会做一次数据转化并生成新的项目,Sketch文件原有的组件库引用关系默认失效,协作方式受到破坏,目前Figma没有提供相应的解决方案。

这导致我们的设计师需要再次共享资源库以便团队重新引用,期间的检查过程和修改过程也消耗了不少时间,希望后续有相应的插件可以解决这个问题,对团队来说真的非常重要,目前仅保留了Pixso、摹客DT这2款国产工具继续观察。

图片图片

Sketch内引用资源强制转为本地资源,引用关系被破坏

有趣的是,这2款设计工具在协作方式上的还原策略也不尽相同,Pixso需要我们先导入组件库的对应的源Sketch文件后再导入引用该组件库的Sketch文件,导入后Pixso项目自动完成关联,团队级操作可以加1个提示的,体验更舒服。

摹客DT会保证Sketch文件的还原度,识别项目内的外部资源库并提示关联,功能主次明显,这也是我们持续试用摹客DT的原因——性能上多有不足,但界面和Sketch是最像的,功能也做的自然一些。

图片

重现Sketch文件原有的协作方式 by 摹客DT

如何避免Figma崩溃对日常工作的影响?

1) 设计和协作尽可能隔离

Figma并不只是一款UI设计工具,它也承载着原型设计、开发标注、团队协作等非设计功能,不同角色的过度参与也是导致其数据量太大,容易崩溃的原因。

我们团队有在思考这种模式是否合理,像产品经理就不会使用Figma画原型,因为交互的制作效率太低,远不如Axure;对设计师来说,设计是一个耗费时间的创作过程,未定稿前随时可以“被协作”,影响了出稿效率和一整天的好心情。

毕竟,输出设计稿是设计师的个人行为,需要独立思考和不断的调整,是常态化的工作,需要1款稳定的设计工具;

评审设计稿则是某一个时间点的团队行为,有很强的随机性,交给专业的协作平台再适合不过。

工具不混用,协作才高效,“设计产出”和“团队协作”的隔离能帮助团队成员更专注手头工作,即使设计工具崩了,影响范围也是有限的,不会波及到整个团队。

图片

2) 在关键节点备份Sketch文件

虽然Figma有客户端,也支持批量导出.fig格式的文件进行本地备份,但它实际上是套了马甲的浏览器,服务器崩溃时客户端依然无法使用,强烈建议设计师定期将Figma文件转为Sketch文件进行本地备份,从根本上避免挂机影响。特别是定稿阶段,目前也有不少插件如Convertify Figma to Sketch支持将Figma文件导出为Sketch文件,感兴趣的小伙伴们可以多多关注。


写在最后

无论是基于本地的Sketch还是基于浏览器的Figma,我们最终选择的原因一定是它能提高团队的产出效率,在新工具的产品性能、数据隔离、历史资产继承等尚不能满足我们所需时,我们的设计团队将维持“Sketch+摹客协作平台”的方式以确保生产节奏稳步推进。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Figma是一种设计工具,而Figma插件可以将HTML转换为Figma或将Figma设计转换为代码。要使用这个插件,首先在Figma中打开一个新的或现有的文档,然后按下cmd/键并搜索"html figma",然后按Enter。接下来,您可以输入要导入的URL,将其转换为Figma设计。 此外,还有一个叫做"镀Chrome"的插件,它可以将Figma页面的原型从浏览器中打开的当前文件导出为静态的HTML文件,并使用图像映射链接。但在使用之前,请确保在扩展选项页面中设置了您的Figma个人访问令牌。通过这种方式,您可以模拟Figma的一些交互效果,比如"后退"交互,通过在元素名称中进行设置。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [html-figma:用于将HTML导入到Figma层的插件](https://download.csdn.net/download/weixin_42127748/14959063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ChromedFigmaFigma html导出chrome扩展](https://download.csdn.net/download/weixin_42138780/14959285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值