如何在Figma中创建颜色渐变 | 训练营

如果你是这个UI领域的新手，并且想要为你的按钮或其他设计创建线性颜色渐变，那么你来对地方了。

在这篇短文中，我们将学习如何为我们的对象（比如按钮）制作渐变颜色，那么让我们开始吧。

首先，打开空白的Figma文件，然后添加一个简单的桌面框架。然后添加以下属性的矩形。

哎呀...第一次看到这个？别担心，我已经为Figma撰写了一篇介绍性文章。只需点击下方了解Figma的介绍。 设计完成后，您的设计将如下所示：

现在将我们的矩形的角变成圆形，这样它看起来更吸引人。25的值足够作为按钮的大小。现在在按钮上添加一个文本框（按下T键），并添加文本“登录”，这样我们的按钮将变成这个样子。

现在是重点部分。选择按钮，点击填充部分下的颜色。会出现一个颜色选择提示框。

如您所见，默认选择是实心的。将其改为线性。现在我们的按钮上会出现两个框。您会发现按钮的默认颜色已经变成了渐变色。

现在点击上面的框，并将颜色设置为＃F6734A，将底部矩形的颜色设置为＃FDAC14，并将可见度设置为75％，这样我们的设计将如下所示：

如果您想要水平应用渐变，只需将上面的框移到按钮的左侧，底部的框移到按钮的右侧，就像这样。

就是这样。现在是额外的提示。如果您想要添加更多。 为了为同一个按钮添加渐变，只需点击两个渐变框之间的线，它会根据你的需要添加任意数量的框。这里我正在为颜色为#CC6AFA的按钮添加第三个渐变，效果如下。

同样，您可以将这种技巧应用于任何形状，就像我所做的一样。

就是这样。现在你知道如何在Figma中应用渐变颜色了。喜欢刚刚阅读或学到的内容吗？在评论区告诉我。此外，让我们在Linkedin (opens new window)上互相关注。

我会带来一些很酷的技巧，所以请保持联系。保持快乐。保持安全。保持学习。