用四大章节,帮你10分钟学会 Figma 组件库的搭建和使用

背景 1. 为什么需要 Figma 组件库 当我们在做设计稿的时候,例如做一个按钮,如果没有做成可复用的组件,那后面在其他模块要用到按钮的地方可能又需要重新画,会有很多的重复劳动。又或是另一种场景,我们需要把按钮的尺寸或颜色统一调整,可能需要一个一个去改,很容易改错或者疏忽。 总之,一次性设计是使设计师沦为做图机器的罪魁祸首。如果我们提前搭建好可复用的组件模板,就可以达到复用的目的,而且可以一键批量修改,从而解放生产力,把更多的时间精力投入到业务需求的深入思考中。 2. F

大厂都在用! 万字干货带你读懂并应用 Design Token

前言 随着近几年 Figma 等一系列在线设计工具的崛起,相信设计师对设计系统的都有了更深的了解。其实设计系统的建设是一个非常庞大而复杂的工程。我们通过各种设计规范等对产研流程提效,但还是会经常遇到一些棘手的问题。 1. 开发用的颜色/字体样式/投影等与设计稿存在差距; 2. 颜色选择困难。不同设计师之间在用各种层级的文本颜色时,到底用 Gray1 还是用 Gray2,不知道该选哪一种; 3. SaaS 类的产品需要根据客户的品牌色调整产品的主色,设计和开发都面临巨大的工