搭建组件库，先规划，再动手，后面才不会越做越乱。
📌 第一步：明确目标
给谁用：设计师、开发、还是全团队？
覆盖范围：单个产品还是全业务线？
技术方案：自研，还是基于 Ant Design 等开源系统定制？
📌 第二步：盘点需求
梳理现有页面所有组件，标记：
复用率最高的组件
设计不统一、需要规范的问题点
📌 第三步：确定三层架构
基础层（Foundation）
颜色、字体、间距、圆角、阴影、图标 ——Design Token 底层规范。
基础组件层
按钮、输入框、选择器、开关、标签等通用无业务控件。
业务组件层
搜索条、表格、筛选面板、审批卡片等业务复合组件。
📌 第四步：制定命名规范
统一组件、状态、尺寸、类型的命名，例如：
Button / Primary / Large / Default
💡 先把规划做扎实，组件库才好维护、好扩展、迭代更快。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，每天 5～10 分钟，坚持学习。
你会发现，焦虑、迷茫会被“坚实的确定性”挤走，你重新认识了自己和设计。
