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

编辑导语:在进行产品设计时,多种产品设计工具可供我们使用,Figma便是其中一种,那么,Figma可以怎么利用?本篇文章里,作者结合个人经验,对Figma的用途、核心能力以及学习路径等方面进行了总结,一起来看一下。
sketch|无序的思考,有序的设计——Figma使用分享
文章插图
完成一次较为完整的设计规范后,才发现似乎如今对Figma越来越得心应手,除了那些异常复杂的复制粘贴逻辑外,基本上所有功能都能顺手使用了。欣喜之余,我开始反思使用Figma过程中遇到的那些坑,以及以往设计实践中不甚合理的地方。
于是我打算简单整理出较科学的学习路径和使用流程,一方面供想要学习Figma的同学参考,另一方面也当成自己的参考册,规范自己的设计过程。
首先声明,这篇文章对从没有使用过原型工具的同学非常不友好,很遗憾这篇文章面向多少有点经验的同学。
如果你之前尝试过Photoshop(图层)、Illustrator(矢量)、Sketch和Axure这种专业原型设计工具或者Powerpoint这类产品,觉得多少作图做设计体验不爽,想要一款日常好用又不将其作为工作主力的工具,那它绝对值得你去学习体验,即便只是尝个鲜,但多少能感受Figma带来的设计变革气息,对产品设计思维的提升是很直观的。
以下将分成Figma的用途、学习和实操三个方面对Figma进行介绍,主要讲清学习使用过程中的难点和核心思路,最后提供一个简单的设计规范搭建思路以供参考。

  • Figma用来干什么;
  • Figma核心能力拆解;
  • 学习路径和相关资料。
一、一款All In One的原型设计工具说到All In One,很多人会想到在线文档Notion,这款集合了Google Docs、Airtable、Workflowy、RoamReaseach特色的终极笔记声称要把知识的全链路都集合在一个在线文档中。
同为美国投资人青睐的Figma就是设计领域的Notion,只不过相较于一片红海的在线协同文档市场,Figma一经推出就成为原型设计工具中最耀眼的那一个,短短几年就已经把Sketch、Adobe XD甩到脑后。
即便在市场接受度一直不高的国内,Figma也成了专业设计师的独家偏好,也引来一片“抄袭者”的拥蹙(比如说即时设计)。究其原因,是因为Figma真正做到了All In One,并且足够开放地拥抱生态拥抱设计者,不断优化自身的功能和使用体验,成为新时代设计工具的标准解法。
除此之外,Figma的免费策略使得独立开发者上手的成本近乎为0,对于规模不大的团队,Figma几乎是现有的能找到唯一的免费协作工具(连蓝湖都开始无止境的收费…)这种友好比起动辄大几千的Adobe产品可称良心。对于绝大多数的观望者来说,Figma的逻辑是:通过良好的个人体验过渡到推荐给团队使用。
All In One ,Figma大杀四方的密器。
Figma似乎可以替代一切主流原型设计工具。对于产品经理和交互设计师来说,简单原型、高保真设计稿、交互说明、产品演示、方案讲解可以直接通过一个链接在浏览器上完成,非常有geek感。更有甚者,可以利用Figma设计简历和作品集(比如我)、演示文稿和脑暴白板,借助Figma的共享协作特性,用来做团队看板……
可以说,除了设计位图和专业级交互动画,Figma有对应的功能可以实现。难能可贵的是,除了“能实现”,Figma在部分场景下甚至可以替代专业工具的使用。
例如简历,借助Figma优秀的排版能力和基于云端的特性,你可以将自己的设计简单优化便扔给用人方,对方也不需下载庞大的压缩包,即时查看也提升了好的作品被看到的可能性。对于团队知识库来说,配合语雀等工具,你可以将设计文件作为链接插入文档中,直接在文档中查看产品演示,高效且优雅。