品牌型号：联想GeekPro 2020

系统：Windows 10 64位专业版

软件版本：Figma入门版

纯色的UI图形设计看起来有点单调，有没有什么简单的效果可以让图形更美观？推荐大家使用Figma的渐变功能，可以为图形塑造渐变的色彩效果。Figma渐变工具简单易用，可以轻松设置不同渐变路径，打造独特的图形设计。接下来，一起来看看Figma渐变工具在哪，Figma渐变怎么做的相关内容。

一、Figma渐变工具在哪

与大部分功能相似，Figma的渐变工具是针对对象使用的。因此，在应用渐变工具前，需要先创建图形等对象。

如图1所示，展开Figma底部的图形工具，选择椭圆形工具，并绘制一个圆形。

选中圆形，如图2所示，在右侧的对象设计面板中找到“填充”功能，Figma绘制的图形默认填充灰色。

打开填充面板，如图3所示，Figma默认显示纯色填充功能。点击中间缩略图中的“渐变”功能，即可切换到渐变填充面板。

打开Figma的渐变填充面板，如图4所示，可对渐变类型、颜色搭配、透明度等属性进行设置，以打造多样的渐变填充效果。

二、Figma渐变怎么做

上述简单介绍了Figma渐变工具在哪，接下来，继续学习Figma渐变怎么做。

首先，如图5所示，Figma提供了线性、径向、角度、菱形四种渐变工具。

1.线性指的是沿着直线进行颜色变化，呈现从一端到另一端的渐变效果。

2.径向指的是渐变效果从内到外的圆形变化效果。

3.角度指的是以顺时针方式呈现的扇形颜色变化效果。

4.菱形指的是渐变效果从内到外的方形变化效果。

以线性渐变为例，如图6所示，Figma线性渐变默认使用头尾两端颜色渐变，点击色条上方的方块，即可调整颜色。

如图7所示，点击色条开头上的方块展开色板，点击选择红色，色条会即时添加红色，形成红灰的渐变效果。

‌接着，点击色条尾部上方的色块，在展开的色板选择蓝绿色，同样地，色条尾端会即时显示蓝绿色。

调整渐变色条的颜色时，如图9所示，图形上的渐变效果也会同步变化。比如本例的圆形图形，通过上述的渐变填充设置，呈现出从下到上的线性渐变效果。

除了使用当前默认的两色彩渐变效果，也可以在色条上添加新的渐变颜色，构造三种或以上色彩的渐变效果。

如图10所示，点击颜色列表右上角的“+”按钮，色条上会自动添加方块，移动方块可调整新颜色的添加位置，以改变不同颜色的占比。

除了调整渐变路径、色彩数量外，Figma的渐变工具还可以设置透明度变化。如图11所示，调整色彩列表中的百分数，可快速调整透明度数值。当然，大家也可以打开色板，移动透明度条的滑片调整数值。

同样地，渐变效果中的透明度变化可在图形上实时呈现。

三、小结

以上就是关于Figma渐变工具在哪，Figma渐变怎么做的相关内容。Figma渐变工具位于右侧设计面板的填充功能中，其工具类型包括线性、径向、菱形与角度。通过点击渐变色条上的方块可调整渐变的色彩，另外，渐变效果还可以设置透明度数值，让图形呈现出更多样的设计效果。大家在进行产品设计时，不妨尝试一下Figma的渐变工具。

作者：泽洋