Figma 组件
使用场景
你可以从你设计的任何层或对象创建组件。这些可能是整个范围的东西，如**按钮、图标、布局**等等。 你可以创建要在单个文件中使用的组件。或者，你可以使用团队库跨文件和项目共享组件和样式。
定义
组件是可以在设计中重复使用的元素。它们有助于跨项目创建和管理一致的设计。
1
基础功能
创建单个组件
1. 选择要包含在组件中的图层。
2. 然后，你可以使用几种不同的方法来创建组件：
- 右击 Create component
- 快捷键：option+command+K
3. 可以通过紫色的图标来识别主控件和副本的差别。
批量创建组件
1. 选择要包含的所有元素。
2. 在上方的选项中选择Create multiple component。
Assets 面板
访问并使用文件中组件的最快方法是通过“Assets”面板。
在这里你可以找到该文件中你设定的任意一个component，同时也可以应用你发布到Library中的component。
- 快捷键：option+2
- 你的命名方式将会影响component在Assets中的存储方式，例如：UI/Button/Active，UI/Button/Hover，UI/Button/Inactive。建议使用 ” / “ 来去区分每一个属性。
- 你如何在原始文件中安排组件。例如，我们将同一框架内的所有组件视为相关组件。
2
使用变体（Variants）
增加变体
实地观察时，使用AEIOU框架观察周围环境。
在适当的标题下记录观察结果。
适当时用照片或录像带补充直接观察。
审查和聚类观察以传播更高级别的主题和模式。
3
特征拆解
将每个体验特征拆解为1-3个最有代表性的交互场景
为每一个交互场景画一个草图。
4
绘制与描述
使用照片描摹法或拼接模板细化故事板
在重点的地方上色，以强调想要观众注意的特征。
将故事板拼在一起，并为每一张故事版添加一句话描述。
测试工具
让参与测试者对卡片进行分类，同时记录过程
测试平台
让参与测试者对卡片进行分类，同时记录过程