一个按钮。一个项目里可能出现两百次。如果你逐个手动修改，Adobe 内部研究显示，设计师平均将 30% 的工作时间花在重复性视觉调整上——不是创作，是体力劳动。通过组件系统，设计文件从技术债转变为设计资产。Figma 的 Component 机制，就是为了彻底消灭这种浪费而生的。现在我们深入探讨组件的实际应用。组件，Component，是 Figma 里可复用的 UI 模块。你创建一个主组件，Master Component，它就是原型；你把它拖到画布上，得到的每一个副本叫做实例，Instance。关键在这里：修改主组件，所有实例同步更新。两百个按钮，改一次，全部搞定。但实例不是死板的复制品。Gong，这是很多人没意识到的细节——每个实例可以独立覆盖部分属性，比如文字内容、图标颜色，而不影响其他实例，也不破坏与主组件的连接。这就是组件和普通复制粘贴的本质差异。复制粘贴是断开的，组件是活的网络。创建主组件的操作很简单：选中元素，右键选择 Create Component，或者直接按快捷键 Option+Command+K，图层面板里会出现一个菱形图标，标志着它的特殊身份。组件解决了结构复用，样式 Style 解决的是视觉一致性。在 Figma 里，你可以把一种颜色、一套字体规格、一个阴影效果定义为全局样式。操作路径是：在右侧属性面板的颜色区域点击四个圆点图标，选择 Create Style，命名它，比如 Primary Blue 或者 Body Text。之后整个文件里任何元素都可以引用这个样式。一旦你修改样式定义，所有引用它的元素立刻跟着变。这和前端开发里的 CSS 自定义属性，也就是 CSS Variables，逻辑完全一致——集中管理颜色和字体等全局变量，主题切换一行代码搞定。 Gong，组件和样式的结合是设计系统的核心。通过实际案例，我们可以看到如何在 Figma 中实现这一点。所以这一讲的核心结论只有一句话，Gong：学会创建 Component 和全局 Style，你就掌握了一处修改、到处生效的能力。这不是效率的小幅提升，是数量级的跃迁。一个专业设计师和一个初学者最大的工作流差距，往往不在于画得好不好，而在于改得快不快。组件和样式，就是那个让你改得快的底层武器。