组件化
组件化指把界面或功能中重复出现的部分封装成可复用的组件，其他位置通过调用实例来使用，改动主组件即可统一更新到各处。
什么意思
3 个义项- 组件化指把重复出现的界面元素或功能单元抽象封装成组件，供不同页面反复调用，从而减少重复劳动、统一界面与交互。
- 组件化也是一种工作方式：先把公共部分拆成独立单元，再通过嵌套、组合和实例替换搭出复杂界面，比如把图标按钮嵌进卡片组件里。
- 在团队协作层面，组件化意味着建立可共享的组件与组件库，设计师和开发者共同维护同一套 UI 元素，让跨项目的一致性有据可依。
什么语气
偏中性的专业术语，主要用于设计、前端和产品协作场景，正式沟通和文档里常见；日常聊天中说它多半是在讨论工作，不带褒贬。
用在哪儿
- 设计师在 Figma 等工具里把重复出现的按钮、卡片、图标做成主组件，再在页面里插入实例。
- 前端开发在和设计师对接时讨论某个页面要不要抽成公共组件、组件接口怎么定。
- 团队做设计系统或组件库，统一规范视觉样式和交互状态，减少各业务线各做一套。
- 产品评审时有人提出「这块能不能组件化」，意思是别每个页面单独实现一遍。
这样说
这个按钮在十几个页面都有，先组件化吧，不然改一次得改十几遍。
我们把卡片做成主组件了，图标用嵌套实例，换图标库不用一个个改。
不要把什么都组件化，就一个页面用一次的东西没必要。
设计稿接开发之前，先把公共组件对齐一下，不然后面全是重复劳动。
例句是编辑写的，只为演示怎么用，不是从谁的帖子里扒下来的。
从哪来的
组件化的做法延续自更早的可复用 UI 实践，样式指南、UI 套件和小部件已存在多年；后来设计工具与前端框架普遍用主组件、实例、变体和组件库来落实复用，中文语境里「组件化」逐渐成为这类做法的简称。现有资料没有给出中文词「组件化」可验证的首次使用时间或造词者，其所谓网络流行起源无法确认。
注意什么
它和设计系统不是一回事：组件化强调的是把重复单元封装复用，设计系统还要包含视觉规范、设计令牌、文档和治理流程。它和模块化也不完全等同，模块化的范围通常更广。另外「组件」和「控件」在日常讨论中常被混用，但并不是所有工具体系里两者都严格对等。组件化也不是越多越好，只在一个页面用一次的元素硬抽成组件，反而增加维护成本。
还不确定
- 资料中没有辞书、论文或平台公告为中文词「组件化」标注首见时间、造词者或流行时间，因此无法判断它是否属于网络流行语。
- 「组件化」「模块化」「组件式设计」「设计系统」关系密切，但资料未给出被普遍接受的严格定义边界。
- 「组件」与「控件」是否在所有工具和技术体系中完全等同，资料未作证明，组件可以小到按钮，也可以大到由多个控件组成的业务模块。
- Figma 组件受开发组件理念和 Atomic Design 影响一说来自教程性来源，不能据此认定该方法或该词由某人首创。
常见疑问
组件化是什么意思？
指把界面或功能里重复出现的部分封装成可复用的组件，其他地方调用实例来用。改主组件，所有引用处一起更新，不用一处一处改。
组件化和模块化有什么区别？
两者都讲拆分复用，但组件化侧重把重复的界面单元封装成组件并反复调用；模块化的范围通常更广，资料中没有给出两者严格的统一边界。
组件化和设计系统是一回事吗？
不是。组件化只是其中一部分，设计系统还包含视觉规范、设计令牌、文档和治理流程，组件库只是它的组成之一。
组件化有什么好处？
主要好处是减少重复劳动、统一界面和交互、降低跨团队维护成本。但项目很小时，专门搭一套完整设计系统可能并不划算。
Figma 里怎么做组件化？
把重复元素设为主组件，在页面中插入实例使用；用属性或变体容纳不同状态，用嵌套实例拼出复杂控件，改主组件后实例统一更新。
什么情况下不该组件化？
只在单一页面出现一次、也不会复用的元素，硬抽成组件反而增加维护成本。资料也提示小型单一项目不必勉强搭完整设计系统。