Day5 自学UI/UX 打卡✨｜Figma 变体操作
📌变体是什么
把同一个组件的多种样式整合在一起方便切换复用
例如：
👉按钮：主/次样式、默认/悬浮/按下状态
👉Tab图标：选中 / 未选中状态

⚠️单个组件命名规则
格式：组件名称/变体属性1/变体属性2/变体属性3
斜杠 / 是关键！

🛠️变体操作步骤
1. 把所有组件的不同样式做好后，分别转为独立组件
2. 全部选中，右侧工具栏上会出现合并变体集按键
3. 属性面板自动识别命名规则，修改右侧属性名称，区分样式、状态
4. 画布拖入组件，下拉直接切换不同效果

这期内容如有问题，欢迎留言纠正或补充[皱眉]

图片改编自：露西的设计日记，仅用于学习分析
UI 组件变体 Figma UI设计师 UI干货