矢量网络

矢量网络是 Figma 中最独特的功能之一。大多数钢笔工具在具有方向的循环中绘制路径，总是希望重新连接到其原始点。矢量网络没有方向，可以在不同的方向上分叉，而不需要创建单独的路径对象，会比使用传统矢量路径工具绘制的更快。

创建

你可以使用钢笔工具或任何形状工具来创建新的矢量图层。

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

• 如果在创建形状时按住 Shift，它会将形状的纵横比锁定为 1：1。
• 如果在创建形状时按住 ⌥，则会相对于其中心而不是左上角创建形状。
• 如果在创建形状时按住 空格键，则会移动整个形状而不是单个点。

编辑

如果选择路径并按 ENTER 键，则会进入矢量编辑模式，你可以在其中选择，调整或更改各个点，线条或整个形状的属性。你还可以使用工具栏中的 Edit Object 按钮输入矢量编辑模式。

要退出只需再次按 ENTER 或在工具栏中按 DONE 即可。

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

点之间的路径可以是直线，也可以使用弯曲工具以激活贝塞尔曲线。

贝塞尔曲线

要使用点的贝塞尔手柄，请进入编辑模式。

1. 如果是曲线，则手柄会显示出来。
2. 如果没有手柄，请按住 ⌘ 并单击该点。

圆角

路径上的任何中间点都可以通过 Inspector 中的 Corner Radius 属性调整圆角属性。 如果选择整个路径，它会调整所有角的圆角属性。如果进入编辑模式，则可以选择单个点并分别对其进行调整。

开放路径上的终端点只能通过 End Caps 调整圆角。

端点 End Caps

端点使你可以在未闭合路径上为终端点添加样式。前三个也适用线条的末端

• 无（默认）：端点是路径的末端。
• 正方形：端点是正方形。
• 圆形：端点为圆角。
• 线箭头：端点为线箭头。
• 三角箭头：端点为等边三角形箭头。

阅读 Medium 上的 Introducing Vector Networks (opens new window)。