Figma 101｜认识 Figma

大家好，这里是「设计防潮箱」新开设的专栏：Figma 101。

这是一个带领大家系统性学习 Figma 的教程合集。跟随本教程学习后，所有人也可以轻松上手 Figma 软件，并找到适合自己的设计工作流程。

本教程总体上按照新手入门从易到难的顺序编写，可以从头按顺序完整阅读，也可以作为创作过程中的参考文件按需查阅。
教程共分为7个大的部分：新手入门、基础实战、理论支撑、进阶功能、工具新功能简介、综合项目、素养积累。这几部分涵盖了工具介绍、功能实现、底层理论和行业大咖分享，希望从不同角度帮助读者更好地了解这个工具及其背后的先进工作流和丰富生态。

Figma 是什么？

多份问卷数据表明，Figma 已是当前市占率最高的设计软件之一。目前全球已有数千万使用者正在使用这款软件，

利用其轻量工具属性和高效协同属性，用户可以轻松简化自己的设计和团队协作流程，降低工作过程中的阻力，提高效率。

设计师们使用以 Adobe 为代表的传统软件时，绝大部分协同过程是非常混乱的 🤪 ：

同一份设计文档在不同设计师的电脑中传来传去。
比如需要多个设计师合作完成的复杂项目，设计师 A 的文档需要发给设计师 B 添加部分内容；项目定稿时，设计师的文档要发给设计主管确认细节；主管确认方案后，设计文档还需要发给印刷厂商确认。
无止境的版本迭代和修改导致文件冗余。
比如多方业务观点不一致，来回修改，同一个项目多次微调，最后电脑里有二三十个类似但不相同的设计文档，最后一版往往叫做 ProjectX_final_final_final_3am_fianl_9.psd 这种奇怪名字。
图片忘记嵌入，导致文件内容不全。
基于本地储存模式的传统设计软件 (比如 Adobe Illustrator)，视图内置图片等元素后，元素是储存在本地的，过早嵌入会导致文件臃肿电脑运行卡顿。单个设计文档里有成百上千个元素，在打包传输过程中极有可能遗漏。
不同电脑安装字体不一样，导致文件缺字体。
设计师电脑中的字体包和素材库是个人长期积累的产物，基本上不同电脑上的可用字体大相径庭。为了方便编辑不转曲的话，设计文档从一台电脑到另一台电脑，缺字体是再”正常“不过的事情。

针对上述的种种问题，Figma 重新设计了的设计工作流程，允许团队实时协作 & 同时修改，降低沟通成本，提高产出效率。

目前 Figma 总共有两个产品，Figma design 和 FigJam。

Figma design 是帮助人们搭建网站、app或其他电子产品/服务的设计工具。它适用于设计师、产品经理、文案、研发工程师等所有参与产品设计进程的角色。

用户把想法变为可交互的响应式设计后，协作者可以迅速在同一位置提出反馈，分享想法，测试不同可能性，大大降低了协作的难度。

经过精巧设计后，这个工具便于创建、维护设计文件和资产组件，可以轻易实现跨团队的高效产出。

本教程主要围绕 Figma design 这个产品展开。

FigJam 是在线白板工具，是一个让所有人都能轻松参与的共享空间。它适用于脑暴、想法探索、会议共享，绘制图表、安排计划和调查研究等多个工作/学习场景。

用户可以用文字、形状、绘画、图片、便利贴等元素，可视化展示想法。2023 年，Figma 与 OpenAI 合作，为 FigJam 加上 AI 辅助功能。自此，用户在 FigJam 内部可以使用 AI 一键生成看板和图表，快速总结归纳讨论过程中的想法，为不同场景生成初始想法。

除了职业用户外，Figma 团队正在向美国教师学生等非互联网人群进行推广，会用 Figma 将逐渐成为年轻一代的基本素养。

作为一名交互/产品设计师，我观察身边小伙伴的真实情况，使用 Figma 的人确实越来越多了：不止是产研，互联网行业中的平面，增长、商品、运营等等职能部门都纷纷踏入 Figma 的怀抱。

为什么市场上越来越多人开始使用 Figma呢？因为它拥有以下几个优点：

Figma 是一个属于新时代的设计工具。它拥有轻量、协同、简化等内在基因，降低了工具学习成本，简化了团队协作流程，让所有人都更容易利用设计来表达自己的想法。

学会了 Figma 软件，你可以拥有一门专业技能，你可以倍速提高工作效率，你甚至还可以利用 Figma Community 的基建赚取“睡后收入”。

还在等什么？马上关注「设计防潮箱」来学习 Figma 吧～