在 Figma 中轻松改变线性渐变方向140

Figma 是一款功能强大的设计软件，提供广泛的工具来创建令人惊叹的设计。其中一个必不可少的工具是渐变，它允许您在设计中创建流畅的颜色过渡。在线性渐变的情况下，过渡沿一条直线发生。然而，如果您需要改变渐变的方向，Figma 提供了多种简单的方法让您做到这一点。

方法 1：使用渐变面板

这是改变渐变方向最直接的方法。首先，选择您的形状或对象，然后在右侧面板中单击“渐变”选项卡。在“类型”下拉菜单中，确保选择“线性”。然后，将鼠标悬停在渐变条上，您将看到出现在两端的小圆圈。将鼠标悬停在这些圆圈上，您将看到带有四向箭头的图标。单击并拖动这些圆圈可更改渐变方向。

方法 2：使用键盘快捷键

对于更快速的方法，您可以使用键盘快捷键。选择您的形状或对象后，按住 Shift 键并使用箭头键来改变渐变方向。例如，按住 Shift + 向上箭头键 可将渐变方向向上旋转 90 度，而按住 Shift + 向右箭头键 可将其向右旋转 90 度。

方法 3：使用变换工具

变换工具是一种通用工具，可让您旋转和缩放对象。要使用此工具来改变渐变方向，请先选择您的形状或对象。然后，在顶部工具栏中单击“变换”工具。在出现的变换框中，将鼠标悬停在旋转手柄上，然后单击并拖动以旋转渐变。

方法 4：使用代码编辑器

对于更高级的用户，您还可以使用 Figma 的代码编辑器来改变渐变方向。选择您的形状或对象并转到“代码”选项卡。查找以下代码行：```
"gradientHandlePositions": [
0.5,
0.5
]
```

前一个数字表示渐变方向的 x 坐标，而后一个数字表示 y 坐标。更改这些值以调整渐变方向。例如，将它们设置为 [0, 1] 会将渐变方向从水平更改为垂直。

通过使用上述方法，您可以轻松地在 Figma 中改变线性渐变方向。无论您是更喜欢图形界面还是代码编辑，Figma 都提供了多种选项来满足您的需求。充分利用这些技术，为您的设计增添色彩和深度。

2025-02-21

上一篇：如何使用 Figma 在图形上添加锚点

下一篇：如何在 Figma 中調整畫框尺寸