组件库搭好了但找不到东西？命名混乱是罪魁祸首 分享一套经过实战验证的 Figma 组件命名规范👇 📌 规则 1：用斜杠分层级 Button / Primary / Large / Default → Figma 会自动识别为文件夹层级 📌 规则 2：层级顺序 = 类别 / 类型 / 尺寸 / 状态 Icon / System / 24px Input / Text Field / Default Input / Text Field / Error 📌 规则 3：用英文命名 避免中英文混用，英文对国际化和开发对接更友好 📌 规则 4：状态用固定词汇 Default / Hover / Pressed / Focused / Disabled / Loading 别一会儿用 Active 一会儿用 Selected，统一用词 📌 规则 5：尺寸用 S/M/L 或 Small/Medium/Large 别用 Big/Middle/Little 这种非标准表述 📌 规则 6：布尔变体命名用 true/false Show Icon = true / false Has Badge = true / false 📌 规则 7：图标加前缀区分类别 Icon / Navigation / Arrow Left Icon / Action / Share Icon / Status / Warning 📌 规则 8：颜色样式命名分组 Color / Primary / 500 Color / Neutral / 100 Color / Semantic / Error 📌 规则 9：文字样式包含关键属性 Heading / H1 / Bold Body / Regular / Medium Caption / Small / Regular 📌 规则 10：页面组织用 Cover 页 + 分区 Figma 文件第一页放 Cover 和目录 组件按类别分页：Buttons、Forms、Navigation、Feedback… 命名规范这事前期多花一小时，后面能省几十小时找组件的时间⏰