形状工具

你会发现形状构成了设计中的大多数图层。

对于更复杂形状的设计，你可以使用 Figma 独一无二的钢笔工具构建自己的矢量网络。

你还可以使用各种基本形状。

在本文中，我们将讲解 Figma 中提供的基础形状工具，以及如何使用它们。

你可以从工具栏的形状菜单找到所有形状工具。

单击矩形旁边的向下箭头以查看选项：

然后，你可以单击列表中的形状进行选择，或使用关联的快捷键。

这里有六种基础形状工具可用：

提示

你可以使用矩形工具创建矩形和正方形。

除常规手柄外，矩形在每个角落的内侧还有四个圆形手柄。

这些手柄允许你调整圆角半径。

你还可以使用属性面板中的 Corner Radius 字段来调整圆角。

然后你将可以单独调整每个角（从左到右：左上，右上，右下，左下）。

提示

此模式激活时，你还可以使用形状上的手柄单独调整角点。

线条工具允许你在任何方向创建线条，是隔离区间或模拟 CSS 边框的有效方式。

选择线后，可以在属性面板的 **描边（Stoke）**部分中更改其外观：

高级选项允许你进一步自定义线条; 包括确定 Cap（线的每一端看起来如何）和 Join（线连接到其他线时的行为），以及使用 Dashes 设置创建虚线。

提示

要为单个终点添加上限：双击该行以进入矢量编辑模式，选择该点，然后选择要应用的上限。 你可以通过按住[Alt]（Windows）或[Shift]（Mac）或单击并拖动以选择来选择形状中的多个点。

箭头工具允许你绘制单向和双向箭头。

与线条工具（上图）一样，你可以调整描边属性。

使箭头双向：

你可以使用椭圆工具绘制椭圆和圆，也可以通过操作来创建一些特殊形状。

将圆变成半圆：

你还可以使用椭圆工具创建其他形状，如饼图，圆环等：

有关详细信息，请参阅 扇形工具 一文。

多边形工具允许你绘制由任意数量的直线组成的封闭形状。

多边形工具的默认形状是三角形，但你可以创建自己的自定义多边形。

你可能已经注意到，当我们绘制多边形时，为三角形形状周围的蓝色边界框延伸到形状底部的下方。

当增加边数时，这允许边界框保持一致的形状或大小。

要将边界框改到到形状的真实边界，可以扩展形状。 你可以通过右键单击形状并选择 Flatten 或使用 Command + E。

创建星形时，默认为 5 角星，有 10 个边。

提示

进入矢量编辑模式后，你可以单独调整每个点的圆角半径。