变体
把同一组件的多种状态（默认、悬停、禁用、不同尺寸等）归组为一个变体集，通过属性面板一键切换。
为什么需要变体
一个按钮往往有默认、悬停、按下、禁用等状态，还有主要、次要、危险等类型，再叠加大、中、小尺寸。若做成独立组件，资源库里会出现几十个近似条目。变体允许把它们归为同一个组件，通过一组属性值来区分和切换。
创建变体集
- 准备好同一组件的多个版本（可以是多个组件或多个实例）
- 全部选中后选择「创建变体」（Ctrl/⌘+K 的变体入口）
- 为属性命名，例如 Type、State、Size
- 为每个变体设置对应的属性值，如 Type=Primary，State=Disabled
- 希爱设计会按属性组合自动生成变体矩阵，缺失组合可继续补充
- 在实例的属性面板中通过下拉选项直接切换变体
变体的典型属性
- 类型：主要 / 次要 / 幽灵 / 危险
- 状态：默认 / 悬停 / 按下 / 禁用 / 加载中
- 尺寸：大 / 中 / 小
- 主题：浅色 / 深色
- 方向：横向 / 纵向（如开关或步骤条）
原型中的状态切换
在原型模式下，交互不仅可以跳转画板，还可以让同一个组件实例切换到指定变体。这样无需为每个按钮状态复制一屏画板，就能演示悬停、展开、选中之类的细粒度交互。
实用提示
- 变体之间尽量保持结构一致，仅改变样式属性，切换时过渡更自然。
- 属性数量控制在 2–3 个、每属性 2–4 个值，足以覆盖绝大多数真实场景。