约束会告诉 Figma 图层在您调整框架大小时应如何响应。这有助于您控制设计在不同屏幕尺寸和设备上的外观。
 

　　水平和垂直约束

　　您可以沿 x 轴（水平）和 y 轴（垂直）应用约束。

　　我们默认将图层的约束设置为“顶部”和“左侧” 。

　　水平的

　　当您沿 x 轴调整框架大小时，水平约束定义了图层的行为方式。

　　左侧保持图层的位置，相对于框架的左侧。右侧保持图层的位置，相对于框架的右侧。左右保持图层相对于框架两侧的大小和位置。调整大小时，这可能会导致图层沿 x 轴增大或缩小。中心维持图层的位置，相对于框架的水平中心。缩放将以框架尺寸的百分比定义图层的大小和位置。然后，当您调整图层大小时，它将保持这些比例。

　　例如：框架的宽度为 100px，图层的宽度为 70px，因此图层占据其父框架的 70%。如果我们将框架调整为 200px 宽，Figma 会将图层的宽度调整为 140px，即 200px 的 70%。

　　垂直的

　　当您沿 y 轴调整框架大小时，垂直约束定义了图层的行为方式。

　　顶部维持图层相对于框架顶部的位置。底部保持图层相对于框架底部的位置。顶部和底部保持图层相对于框架顶部和底部的大小和位置。调整大小时，这可能会导致图层沿 y 轴增大或缩小。中心维持图层的位置，相对于框架的垂直中心。缩放将以框架尺寸的百分比定义图层的大小和位置。然后，当您调整图层大小时，它将保持这些比例。

　　注意：根据图层的位置，多个约束可能会实现相同的结果。

　　对层应用约束

　　您可以将约束应用于框架内的任何图层。无法将约束应用于框架外的图层或自动布局框架内的图层。

　　您还可以对嵌套在其他框架内的框架应用约束。您可以对图层应用水平和垂直约束。您无法对组应用约束。组将从其所含的图层继承其边界。它们不被视为具有边界的单个图层。注意：如果对一个组应用约束，Figma 也会对各个图层应用约束。

　　要设置层的约束：

　　选择框架内的图层或父级。画布上的蓝色虚线显示当前应用了哪些约束。单击右侧边栏“位置”部分的“[图标]约束” 。调整垂直和水平约束。使用下拉菜单设置图层的约束。或者，单击交互图中的线条来选择一个约束。提示！按住Shift可一次选择或应用多个约束。例如：左约束和右约束。

　　忽略约束

　　有时您可能想调整框架或图层的大小，而不使用对其应用的限制。您可以按住修饰键暂时忽略对图层应用的任何限制。

　　Mac：Command调整大小时按住Windows：Ctrl调整大小时按住约束和布局网格

　　约束为您提供了在框架内定位图层的基本框架。当涉及更复杂的设计时，我们需要更精确的控制和灵活性。这可确保我们的设计在调整大小时能够正常运行。

　　这就是网格发挥作用的地方。当您在框架内使用网格时，Figma 会将框架内的任何图层与该网格对齐。使用约束和布局网格 →