绘画可以是颜色、渐变或图像。在 Figma 中,您可以使用颜色选择器将绘画应用于填充和描边。
可以使用填充或描边属性将绘画应用于以下对象和形状:
文本图层基本形状矢量网络布尔运算框架
油漆类型
您可以使用三种不同类型的涂料:
纯色:纯色或油漆。渐变:从四种不同的渐变中选择:线性(渐变):直线上两种颜色之间的渐进过渡。您可以选择线条的角度。径向(渐变):圆形渐变,中心颜色为一种,边缘颜色为另一种。边缘颜色可以是另一种颜色,也可以是淡入透明。菱形(渐变):具有四个点的渐变,从对象或图层的中心开始。您可以单独调整渐变的宽度和高度。角度(渐变):从起始位置顺时针创建渐变。您可以调整渐变中两种颜色的位置,以创建更柔和或更尖锐的角度。图像或 GIF:静态图像或动画 GIF。了解有关将图像添加到设计中的更多信息。视频:上传 .mp4、.mov 或 .webm 视频文件。详细了解如何在 Figma 中使用视频 →
使用渐变
要使用渐变作为填充或描边:
在右侧边栏的填充或描边部分中选择颜色样本。从颜色选择器中选择渐变图标。从下拉菜单中选择“线性”、“径向”、“菱形”或“角度”。每个渐变将自动以两个色标开始。色标是渐变从一种颜色切换到另一种颜色的点。了解有关调整颜色和使用颜色选择器的更多信息 →
要向渐变添加其他颜色停止点,请单击渐变颜色滑块的任意位置。
要从渐变中删除颜色停止点,请单击颜色滑块上的停止点并选择Delete或Backspace。
使用带渐变的变量
颜色变量存储单独的原始颜色值。了解有关变量的更多信息 →
渐变是两种或多种颜色的混合。您可以在渐变中的色标上使用变量,以保持设计系统的一致性或利用主题,例如深色和浅色模式。
要将变量应用于渐变色标:
在右侧边栏的填充或描边部分中选择颜色样本。从颜色选择器中选择渐变图标。从渐变颜色列表中选择一个颜色样本。选择“库”选项卡。选择要应用于渐变色标的颜色变量。
要从渐变色停止点分离变量:
将鼠标悬停在已应用变量的颜色停止点上。点击分离。您可以将渐变(可能包含变量值)保存为样式,以便在设计中重复使用。