添加布局网格
网格(Layout Grid)能帮助您在画布上对齐和组织元素,使您的设计显得均衡、整洁,并且视觉上保持一致。
要开始使用,您需要确保画布上启用了辅助线(Guides):
点击左上角的 Framer 徽标,然后打开 “视图”(View) 菜单。
勾选 “显示辅助线”(Show Guides) 以显示网格叠加层。
(或者,您也可以使用屏幕上显示的快捷键 /
来切换显示/隐藏。)
辅助线显示后,您可以根据项目需求对布局进行微调:
在画布顶部选择您想要处理的断点 (Breakpoint)。
在右侧面板中,您将看到一组网格控件 (Grid Controls),允许您调整布局设置:
网格类型 (Grid type):根据您需要的结构,选择列网格 (Column) 或行网格 (Row)。
间距 (Gap):定义项目之间的间距,以实现整洁且透气(留白充足)的布局。
边距 (Margins):设置外部边距,为您的设计提供适当的填充(内边距)。
宽度 (Width):自定义网格的总宽度,以控制您的内容填充多少空间。

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