El módulo es la unidad fundamental de medida en el sistema de diseño. El módulo espacial es la base para construir la cuadrícula y determinar los tamaños de los componentes y espaciados. El módulo permite estandarizar los principios de especificación de espaciados y tamaños dentro del sistema de diseño, así como lograr una consistencia visual entre los diseños de Figma y el código de producción final.

§Módulo

Para dar forma y medir el espacio en nuestro sistema de diseño, utilizamos el módulo de 4x4 px. Todos los espaciados de contenedores y componentes se calculan utilizando este tamaño de espacio. En raras ocasiones, utilizamos un micro-módulo de 2x2px.

§Sistema de espaciado

Utilizamos un conjunto limitado de espaciados tokenizados que ayudan a crear diseños limpios y consistentes. Al crear interfaces y componentes en un sistema de diseño, utilice tokens de Figma preconfigurados.

§Tipos de espaciado

Espaciado interno y externo

Espaciado interno y externo simétrico o asimétrico desde los cuatro bordes del contenedor hasta el contenido.

Stack horizontal y vertical

En stacks horizontales y verticales, el espaciado entre elementos dentro del contenedor define sus relaciones verticales y horizontales.