Figma变体组件构建记录

项目中具有多种属性状态的组件，使用变体功能进行搭建，如下为例：

1.对组件批量命名，注意开关要用英文描述，false/true。

版本=ios,状态=默认,开关=false/true

2.首先选中ios这边，重命名快捷键：ctrl+R，输入 版本=iOS, 最后的逗号要用英文逗号。

3.同理Android这边选中，输入 输入 版本=android,

4.状态修改，先选择第一行，修改时，先点击当前名称，再输入 状态=默认, 注意英文逗号


5.同理，修改点击状态和禁用状态，逐个选中2行和3行修改。


6.最后是开关，先将关闭标签全部选中修改，也是先点击当前名称，然后输入 开关=false，这里末尾不需要逗号。同理，选中打开标签，进行修改，也是先点击当前名称，然后输入 开关=true，这里末尾不需要逗号。

7.最后一步，框选所有的组件，点击 合并为变体。

8.完成后，点击其中一个标签，可看到右侧不同状态的切换。注意：如果开关写成 开关=开 开关=关，也能做出来，不过交互方式会变成列表选择，而不是小按钮了。

9.进行比较复杂的组件管理时，一定分清楚不同的状态。