Módulo y sistema de espaciado

Aquí tienes la traducción del archivo fuente de la guía de diseño al español, buscando que suene lo más natural posible:

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 los espaciados. El módulo te permite estandarizar los principios de especificación de espaciados y tamaños dentro del sistema de diseño, así como lograr 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 micromódulo de 2x2 px.

Group 216614948.png

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, utiliza los tokens de Figma preconfigurados.

Frame 216614957.png

Tipos de espaciado

Frame 2087326456.png

Espaciado interno y externo

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

Frame 2087326462.png

Pila horizontal y vertical

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

AnteriorCuadrícula y contenedor