品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Figma

栅格和辅助线是设计中比较常用的工具，使用它们可以帮我们辅助设计，例如方便元素的精确对齐，让整体的页面布局更整齐。下面为大家介绍Figma怎么设置栅格，Figma怎么设置辅助线的相关内容。

一、Figma怎么设置栅格

栅格系统在设计中格外重要，它能够帮助我们对齐界面的元素，保持设计的一致性。Figma中有内置好的栅格系统，使用起来很便捷。

1、打开布局网络设置：先选中要设置栅格的框架（Frame），框架的四周会用蓝色标识。在右侧的属性面板中，找到布局网格（Layout Grids）选项。如果没有显示这个选项，可以点击工具栏的第二项画框工具添加一个新的框架再试一次。

2、选择栅格类型

Figma中提供了三种类型的栅格，分别是：

①矩形网络。这种类型的栅格最常用，适合设计网站或应用页面，可以设置栅格的行列数、间距、边距宽度等属性。

②列网格。适用于响应式设计，特别是针对网页设计，栅格的列数和间隔可以随时调整，帮助我们的设计能够自适应不同屏幕尺寸下的布局。

③行网格。适用于需要纵向对齐的设计，可以根据需要调整每行的高度。

这三种类型的栅格可以单独使用，有些情况下也可以复合使用。

3、调整栅格参数

针对不同的设计需要，栅格的参数设置是不一样的。例如做响应式布局设计时，栅格的列数一般是12或16列。我们还可以根据需要调整栅格的颜色和透明度，尽量使用浅色及增加透明度，这样栅格才不会影响我们的视觉判断。

4、开启或关闭栅格

当我们需要审查整体的设计效果时，可以关闭栅格。在属性面板的布局网格处有个眼睛图标，点击即可关闭栅格显示。

二、Figma怎么设置辅助线

辅助线也就是标尺功能在设计过程中经常会用到，可以帮助我们对齐设计元素，也可以作为视觉辅助帮助我们调整布局。下面就给大家详细介绍一下Figma如何设置辅助线：

1、启用标尺

在右上角的视图菜单里找到标尺，点击打勾启用。也可以直接通过快捷键Shift+R启用标尺。

启用后可以看到画布的上方和左侧附上了标尺。辅助线的使用常常和标尺联系在一起。

2、新建辅助线

Figma中的辅助线使用和其他的设计软件是类似的。我们在标尺的区域范围内向下或向右按住鼠标左键拖拽时，能增加一条辅助线。

3、使用辅助线

选中已有的辅助线后，可以直接拖动它们调整位置。辅助线会自动吸附到画布上的设计元素或其他辅助线。

4、删除辅助线

按住鼠标左键将已经生成的辅助线向上或向左拖动到标尺区域内时，可以删除辅助线。也可以对着辅助线右击，会出现【移除辅助线】的提示，点击即可删除。或者在选中辅助线时(变成蓝色的样式)，点击键盘Delete键实现删除。

以上就是Figma怎么设置栅格，Figma怎么设置辅助线的全部内容。栅格能够帮助我们建立基础的页面结构，而辅助线则提供了更精细的对齐参考。通过掌握Figma中的栅格和辅助线的使用，能大幅提高我们的设计效率和精确度。