添加布局网格 - Framer 帮助

Last updated on 10/20/2025@mrbirddev
添加布局网格 - Framer 帮助

网格帮助您在画布上对齐和组织元素,使设计更平衡、整洁和一致。

添加布局网格

首先,您需要确保画布上显示了指南:

  1. 点击左上角的 Framer 标志,打开视图菜单。
  2. 选择“显示指南”以显示网格覆盖。

或者,您也可以使用显示的键盘快捷键。/

设置网格属性

一旦指南可见,您可以微调布局以适应您的项目。

  1. 选择您要使用的断点。
  2. 在右侧面板中,您会看到一组网格控件,可以调整布局设置:
  • 网格类型:根据需要的结构选择列网格或行网格。
  • 间距:定义项目之间的间距,以获得整洁和通透的布局。
  • 边距:设置外边缘以为您的设计提供适当的填充。
  • 宽度:自定义总网格宽度以控制内容占用的空间。

Framer 模态框“指南”的截图。

如果您遇到任何问题或需要进一步帮助,请通过我们的联系页面联系 Framer 的支持团队。

返回 Framer 帮助

Last updated on 10/20/2025@mrbirddev
Recent Articles
Loading...