模块和间距系统

模块是设计系统中的基本测量单位。空间模块是构建网格和确定组件和间距大小的基础。模块允许您在设计系统内标准化指定间距和大小的原则,并在Figma布局和最终生产代码之间实现视觉一致性。

模块

为了在我们的设计系统中塑造和测量空间,我们使用4x4 px模块。所有容器和组件间距都使用这个空间大小计算。在极少数情况下,我们使用2x2px微模块。

Group 216614948.png

间距系统

我们使用有限的标记化间距集,帮助创建干净一致的布局。在设计系统中创建界面和组件时,使用预配置的Figma标记。

Frame 216614957.png

间距类型

Frame 2087326456.png

内部和外部间距

从容器的四个边界到内容的内部和外部对称或不对称间距。

Frame 2087326462.png

水平和垂直堆栈

在水平和垂直堆栈中,容器内元素之间的间距定义了它们的垂直和水平关系。

以前网格和容器