La configuración de tipo en Figma se centra en las posiciones de las filas y columnas dentro de un marco cuando se ajusta. Es importante tener en cuenta que las filas y columnas se ajustan por separado en la configuración de cuadrícula de tipo de Figma.

Figma tiene cuatro configuraciones de cuadrícula de tipo columna, es decir, izquierda, derecha, central y estirada, que permiten a los diseñadores lograr diseños y alineaciones específicas. Estas configuraciones determinan cómo se colocan las columnas dentro de un marco y cómo responden a los cambios en el tamaño del marco.

Opciones de tipo izquierda, derecha, centro y estiramiento.

1. Izquierda

En la configuración del tipo de columna izquierda, las columnas están ancladas al lado izquierdo del marco. No hay cambios en los canales ni en los tamaños de ancho, solo cambios en el margen derecho a medida que se ajusta el marco, como se ilustra a continuación.

Esta configuración es mejor para diseños que requieren una fuerte alineación hacia la izquierda, como diseños con mucho texto como periódicos o revistas.

Ilustración de la configuración de la columna izquierda en Figma

2. Correcto

Aquí, las columnas están ancladas al lado derecho del marco. Los márgenes y el ancho permanecen sin cambios, mientras que el margen en el lado izquierdo del marco aumenta igualmente a medida que se cambia el tamaño del marco.

Esta configuración es mejor para diseños que requieren una fuerte alineación hacia la derecha, como diseños con dirección de texto de derecha a izquierda o diseños que desean enfatizar el lado derecho del contenido.

Ilustración de la configuración de la columna derecha en Figma

3. Centro

En la configuración de cuadrícula de tipo central de Figma, las columnas están centradas dentro del marco. Si bien los medianiles y el ancho permanecen sin cambios, los márgenes en los lados izquierdo y derecho del marco aumentan igualmente a medida que se cambia el tamaño del marco.

Esta configuración es mejor para diseños que requieren un diseño equilibrado con texto o elementos centrados, como folletos o carteles, o páginas de destino con titulares centrados.

Ilustración de la configuración de la columna central en Figma

4. Estirar

La configuración de cuadrícula de tipo extensible en Figma permite que las columnas y los canalones se estiren para llenar el espacio disponible dentro del marco.

Esta configuración es útil para diseños que requieren diseños flexibles que se adapten a diferentes tamaños de pantalla o relaciones de aspecto, como páginas web responsivas o aplicaciones móviles.

Al utilizar la configuración de cuadrícula de tipo extensible, los diseñadores pueden crear diseños optimizados para diferentes dispositivos y tamaños de pantalla, manteniendo al mismo tiempo una tipografía y un espaciado consistentes.

Ilustración de la configuración de columna estirada en Figma