矢量网络是由矢量路径组成的形状图层。这些路径告诉 Figma 如何在画布上渲染该形状，包括在何处应用图层的描边和填充属性。

　　许多矢量工具只允许您沿一个方向绘制路径，通常以原始起点结束。矢量网络的独特之处在于它们不需要特定的方向。它们可以有多条分叉到不同方向的路径，而无需您创建和组合单独的路径。这就是我们称之为矢量网络的原因。

　　使用矢量网络创建您自己独特的形状、详细的图标，甚至复杂的插图。使用钢笔工具从头开始创建您自己的矢量网络。或者在矢量编辑模式下编辑任何形状图层（包括基本形状）以创建矢量网络。

　　创建矢量网络

　　您可以使用钢笔工具或任何形状工具来创建新的矢量网络。

　　使用形状工具时，您可以按住修饰键以特定方式绘制它们：

　　⇧ Shift在创建形状时按住以将形状的纵横比锁定为 1:1。创建形状时按住⌥ Option/Alt可使其相对于中心而不是左上角缩放。当您单击并拖动以创建形状时，请按住Space以在画布上移动形状，然后再释放鼠标单击。

　　编辑矢量网络

　　矢量编辑模式让您可以选择、调整和更改单个点、线或整个形状的属性。

　　编辑对象时，您可以与现有点及其之间的线进行交互。您还可以使用钢笔工具可以绘制其他点并对其进行操作。

　　进入矢量编辑模式：

　　选择路径并按Return/Enter或者，选择一个路径并单击从右侧边栏顶部要退出矢量编辑模式，请再次按Return/Enter，或单击辅助工具栏中的“关闭” 。

　　使用贝塞尔手柄创建曲线路径

　　贝塞尔手柄可让您在路径中创建曲线。创建或编辑矢量网络时，您可以调整矢量路径中每个点的贝塞尔手柄。

　　选择一个矢量网络。单击右侧边栏顶部或按Return/Enter进入编辑模式。如果是曲线，则手柄已显示。如果是没有手柄的角，请按在辅助工具栏中，或按住⌘ Command/Control并单击该点以显示手柄并创建镜像曲线。单击并拖动手柄来调整路径的曲线。

　　形状的圆角

　　您可以使用右侧边栏中的角半径属性将路径上的任何中间点弄圆。

　　如果您选择整个矢量网络，这将使所有角都圆整为相同的值。如果您处于编辑模式，您可以选择单个点并为其赋予不同的角半径值。

　　如果你使用的是开放路径，则只能使用端点来将第一个和最后一个锚点弄圆 ↓

　　向形状和区域添加填充

　　您可以向矢量网络的任何封闭区域添加填充。如果矢量网络内有多个封闭区域，您可以单独调整每个区域的填充。

　　您可以在右侧边栏的填充属性中添加或编辑所选矢量网络的填充。如果您希望仅对某些区域应用填充，或者对不同区域使用不同的填充，则需要进入编辑模式。

　　选择图层后，按Return/Enter进入编辑模式。单击底部辅助工具栏中的油漆桶B工具，或按。将鼠标悬停在要添加填充的矢量网络区域上。对角条纹图案表示当前选定的区域。

　　光标将变为带有以下符号的水滴图标：+如果你可以向该区域添加填充–如果有可以移除的现有填充单击即可添加或删除形状或区域的填充。Figma 默认使用灰色填充。您可以使用右侧边栏中的填充属性更改填充。您可以从库中应用渐变、图像、GIF或颜色样式。

　　要向另一个区域添加不同的填充，您可以将鼠标悬停在该区域上以选择它。

　　单击以添加填充，并在右侧栏中调整填充属性。按Enter、Esc、 或Close退出编辑模式。

　　为端点添加端点

　　为任何开放路径的端点添加样式。Figma 根据您选择的矢量路径类型以不同的方式显示 cap 属性。

　　具有两个端点的矢量路径

　　具有两个以上端点的矢量路径

　　有六种不同类型的帽子样式可供选择：

　　无：路径末端不添加端点。路径末端呈方形，不会增加路径长度。线箭头：在端点两侧添加两条 45 度线。这将使用与路径本身相同的描边粗细。您无法更改箭头线的长度。三角箭头：在两个端点添加三角箭头。您需要进入矢量编辑模式才能将箭头仅应用于路径的一端。倒三角形：三角形箭头的反转或翻转版本，箭头尖端朝内指向路径。圆形箭头：实心圆形帽。钻石箭：实心的钻石帽。圆形（默认）：添加一半描边粗细的端点，并将路径的端点四舍五入为宽度的 50％。方形：添加一半描边粗细的端点，同时将路径的端点设为方形。观看此矢量网络视频教程，了解其实际应用。请务必阅读我们Medium 页面上的“矢量网络简介” 。