在本教程中，我将向您展示如何在Figma中创建一个新的“漂浮操作按钮组件”，以便您了解开始构建自己的组件以及如何使用强大但有时令人困惑的功能，如“变体”，是多么容易。

好的。哇。一个漂浮操作按钮。嗯，更重要的是向您展示如何使用变体创建组件。就像任何事情一样，从小事做起，然后逐步扩大规模，对吧？

现在，变体虽然强大，但当您第一次开始使用它们创建组件时可能会有些困惑。

但是不要担心，本教程将解决您可能遇到的任何困惑，下次您创建适当的组件时，您将已经准备好使用变体了。

快速提示：在此处下载所需的Figma文件 (opens new window)以跟随本教程。

（另一个）快速提示： 让我们开始构建一个使用 Variant 的组件。

首先。

查看教程文件中现有的“浮动操作按钮”或“FAB 组件”，您会发现它由 8 个元素组成，以适应不同的大小和形状类型。

如果您点击 Variant 容器，您会看到不同的变体在 Inspector 中显示。