sketch|无序的思考,有序的设计——Figma使用分享( 四 )


近期Figma宣布要支持分支版本,对于需要做多套方案的PM和设计师来说,借用一个组件的不同改动就能快速搭建两套方案进行对比,简直Unbelievable!
总而言之,组件是Figma中非常强大的功能,学习好组件是上手Figma必不可少的步骤,后文将提到怎么去学习组件使用,这里就不赘述了。
2. 插件 Plugins插件是构建Figma设计理念的体现,是我很喜欢的一点。
插件和对应的社区代表一种开放和进步的心态。
Figma相对于Sketch来说,插件数量确实还没跟上,但从开发者积极性和共建资源社区的参与度来说,Figma Community堪称工具社区的一大典范。
我们为什么要在Figma中使用插件?想要理解插件就需要思考这个问题。
从Figma的功能上看,它属于典型的“优秀的偏科生”,核心优势很明显,其他的样样都会一点。这决定了如果你要使用Figma用来重度生产的话,就必须利用广泛的组件满足自己某方面的诉求。
举个例子,Figma提供了代码查看和导出功能,但是这些并不能离线查看,如果在一个断网的生产环境下,Figma就不能通过链接查看各类标注了。社区中有很多导出插件,比如国内有一款叫Heron handoff的插件,就可以把这些网页上的标注和切图导出为html文件查看。
目前来看,插件类型非常广泛,涵盖了图标、插画、移动端、颜色、文字、样机演示、图表、中文、图像优化、代码、3D、设计系统、动画、角度等。通过插件,你可以定制出任何关于Figma的玩法。
尤为可贵的是,Figma的插件都是和账号绑定的,你账号安装了之后,就能在任何设备同步,不像部分本地设计工具,换了设备之后一切都要重装。这种体验是很上瘾的,你可以根据自己的需求在线安装插件,并且在设计中随时调用。
Figma还会显示在此文件上运用的插件,方便随时调用。
对我来说,我的插件主要帮助我解决标注导出、数据自动填写、图像调整、字体调用等问题。正因为有了这些插件,Figma就可以专注于底层能力的开发,将这些拓展定制化的需求交给开发者共建生态。
多说一句,在Figma Community中,可以上传和复制任何作品,这意味着你可以在这里学习到很多大佬甚至行业龙头公司的设计部门的创作,同时也可以分享自己的优秀设计。
目前国外主流互联网公司如Spotify、Microsoft都在上面发布设计规范系统和设计思路,国内的互联网大小厂如腾讯、即刻都将自己的设计案例放在上面更新,形成一种良好的社区氛围。
三、如何学习Figma学习使用Figma是一个长期的过程,Figma是典型的上手容易,精进很困难的产品。它上手极为简单,哪怕你从未接触过原型设计工具,你在短暂使用工具栏中的图形工具也能大概知道怎么用。它精进需要努力,难的是设计思维的形成,是怎么尽可能运用Figma的特性提升设计效率和促进好的设计思考。
1. 入门准备阶段如果你当真要学习,先准备这些。
1)汉化
Figma 汉化 – Figma 中文社区:https://www.figma.cool/cn
2)解决调用本地字体和中文字体
下载桌面客户端以调用本地字体或者:
Download Figma Desktop Apps, Mobile Apps, and Font Installers:https://www.figma.com/downloads/
选择font installer下载安装:
符合国人习惯的中文插件 – Figma 中文社区
https://www.figma.cool/plugins/%E7%AC%A6%E5%90%88%E5%9B%BD%E4%BA%BA%E4%B9%A0%E6%83%AF%E7%9A%84%E4%B8%AD%E6%96%87%E6%8F%92%E4%BB%B6
3)安装常用的插件
Figma 插件库 – Figma 中文社区:https://www.figma.cool/plugins
可能遇到的网络问题(如何提升figma的加载速度?)