品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Figma入门版

在Figma里，改图标颜色能灵活适配不同的界面风格，让设计更协调。用上颜色渐变，能让界面更有视觉吸引力，看起来更生动。下面就为大家介绍Figma图标怎么改颜色，Figma怎么做颜色渐变的相关内容。

一、Figma图标怎么改颜色

图标是我们在构建一个页面的时候最常用的要素。我们可以自己在Figma中搭建图标，也可以导入别人制作好的图标直接用。针对这两种情况，图标改颜色的方法有一些不同，下面为大家详细地介绍：

1、自己制作的图标

自己搭建的图标，各个部分都是在Figma中制作的，没有被合成过，所以要改颜色是比较简单的。比如，我们来制作一个ios系统中的开关图标。

①这个图标由两个部分构成。底部是一个圆角矩形，我们在工具栏找到矩形工具，在画布上画出一个矩形。在右侧找到【布局】类目，将其中【圆角半径】的数值填为60。我们就可以获得一个圆润的矩形了。在【填充】中，我们可以自由地设定颜色。

②再用椭圆工具，加上按住键盘Shift键画出一个正圆，摆放在底部的圆角矩形上。要保证正圆和圆角矩形的高度是一致的。因为我们的画布背景色是纯白色，如果圆也是纯白色，视觉上体现不出来，所以将它的颜色设为浅灰色，色号为#F5F5F5。

③做完两个形状后，我们可以一起选中这两个形状，使用快捷键Ctrl+G，将它们变成一个组合。组合后将组名改为开关按钮。

④之后，我们可以根据按钮的具体使用环境改变颜色。我们只要找到这个组合，选中其中的圆角矩形或上方的圆形，在右侧【已选颜色】中，选择新的颜色即可。比如我们把按钮改成常用的绿色。

2、导入的图标

①如果导入的图标是png格式的，要改颜色是很局限的，我们只能通过曝光、对比度、饱和度等数值的调整有限地改变图标的颜色。

②我们在导入图标的时候，要尽量用SVG格式的，这样导入的图标是矢量格式的，既可以修改颜色，也可以保持图标的清晰度。像这个SVG格式的【发现】图标，我们只要在【已选的颜色】位置直接选新颜色就可以改变颜色了。

二、Figma怎么做颜色渐变

在Figma中，颜色渐变可以为设计增添层次感和视觉效果。以下是制作颜色渐变的四个步骤：

1、绘制形状：我们先用矩形工具画出一个基本形状，用来做为颜色渐变发生的载体。

2、设置渐变填充：在右侧找到填充类目，点击后打开填充窗格，将模式切换到第二个卡片【渐变填充】。

3、调整渐变颜色：默认情况下，Figma会提供左右两个锚点作为渐变的开始和结束位置。我们点击这两个点后，可以为这两个位置选颜色。我们也可以点击色轴，增加点位，为新点位设置颜色。点位越多，渐变颜色过渡会更自然。

4、调整渐变方向：我们在进入渐变模式后，可以观察到矩形上多了一条轴，这条轴可以用来控制渐变的范围和方向，直接拖拽改变就可以。比如图9中我们把渐变改为45度的显示。

以上就是Figma图标怎么改颜色，Figma怎么做颜色渐变的相关内容。自定义图标颜色能帮我们做出个性化的界面。渐变是这两年的设计流行趋势，用上渐变效果，能让页面看起来更现代。