如何减少 Figma 内存使用量(五个方法)

当你的设计文件太多了之后,设计稿界面卡,原型也会卡,甚至直接崩溃,报内存占用过高,这时候怎么办呢?(不会查看文件内存占用的请点击这里

今天参考了一下国外一个设计师写的如何减少 Figma 内存使用量一文,由于翻译过来实在有点英文诗歌的意境那种(总而言之,不好理解),然后顺手总结了一下他的精髓要点,“”写“”出了此文,文末留有此文原文链接,有兴趣的朋友可以看一看

如何减少 Figma 内存使用量(五个方法)

如何减少 Figma 内存使用量

1.不要把所有的文件丢在一个page或者一个文件里面

根据项目情况,合理的决定Figma文件是一个单独的文件或者一个page页面,还是引用组件库的方式。

  • 小项目:一个文件多个page或者一个page
  • 中型项目:引用一个单独的组件库,项目单独一个文件
  • 大型项目:引用多个组件库,组件库划分清楚,比如button、input等每个类一个文件(反正不要让一个文件里面资源太多就行了)

2.清理你的隐藏图层

很多时候内存过大可能就是隐藏图层太多,做个变体,里面隐藏图层都会很多的,这时候你再复用这些组建的时候,那整个文件里面的隐藏图层就塞满了,很多隐藏的图层存在是没有必要的

如何减少 Figma 内存使用量(五个方法)
嵌套在按钮内的基础组件会生成很多隐藏层

可能有隐藏图层的地方:

  • 基础组件
  • 变体
  • ….

解决办法:

找到你的主组件和变体,清理删除不必要存在的图层或者使用插件 Clean Document

3.该适当的精简一下花里花哨,乱七八糟的变体了

曾经我也是一个看着大佬们做出的超千种变体组件发出惊叹的人,可是自从我的页面开始卡了,内存爆满之后,我不再喜欢这种超酷的组件了,对于Figma内存来讲,这些超酷的东西确确实实方便了设计师,但是也实实在在的占用了你的内存

解决办法:

  • 拆分精简变体;比如那种带多种图标的按钮一个组件就够了
  • figma 最近的更新的 组件属性功能用起来!配合变体精简原来的变体文件轻轻松松,不会的可以看我的文档和文件 –直达链接

相信最近那些卖自己的组件库的设计师们也在疯狂的修改自己组件的变体吧~

4.请遵循原子化设计原则,让组件更灵活

组件都尽量的遵循原子化设计原则,不要搞出一堆复用性低的组件,意义真的不大,加载才是真的慢

看下下面这张图你可能就懂了,原来的组件是第一个,拆分成了第二个和第三个,灵活性和复用性更强,更好组合,而不是固定了这个样式,从一定意义来讲确实会降低你电脑的内存

如何减少 Figma 内存使用量(五个方法)
简化的复杂组件

5.尽量少用分辨率过高的图片和大尺寸图片

尽量少用分辨率过高的大图,网速差一点的时候,加载起来很揪心不说,占用内存也大呀

如何减少 Figma 内存使用量(五个方法)
这种3D png大图嵌套起来真要命

怎么解决呢?

当然是压缩咯!

参考的文章:

https://uxdesign.cc/how-to-reduce-figma-memory-usage-974684c84b5c

分析下来大概就这五点,Figma占用内存过大的原因就靠大家去分析了,如果觉得文章有用,帮忙点歌赞哟!还可以顺手转发给你的朋友!

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索