Rejillas de Diseño, Filas y Columnas en Figma: Estructurando Tus Diseños

Añadir una cuadrícula

Seleccionar un marco y hacer clic en el icono de suma en la sección de Cuadrícula de diseño del panel de diseño para añadir una cuadrícula. Por defecto, las cuadrículas están configuradas como una cuadrícula uniforme de 10 píxeles.

Personalizar la configuración de la cuadrícula

• Tipo de cuadrícula: elegir entre columnas, filas o cuadrícula;
• Cantidad/Número: ajustar el número de columnas o filas;
• Apariencia: modificar el color y la opacidad;
• Configuración de tipo: establecer columnas para que se estiren o se fijen a la izquierda, centro o derecha;
• Márgenes y medianiles: definir el espacio entre los bordes del marco (márgenes) y las columnas/filas (medianiles).

Opciones avanzadas

• Añadir varias cuadrículas a un solo marco haciendo clic nuevamente en el icono de suma.
• Modificar o eliminar cuadrículas usando el panel de configuración o el icono de resta.
• Aplicar estilos de cuadrícula predefinidos mediante el icono de cuatro puntos o importar cuadrículas desde la biblioteca del equipo.

Uso de reglas y guías en Figma

Activar reglas

Las reglas se pueden acceder a través de Ver > Reglas o utilizando el atajo Shift + R. Aparecen en la parte superior e izquierda del marco, con unidades medidas en píxeles.

Añadir guías

Para crear guías, arrastrar desde la regla y posicionarlas para la alineación. Las guías se pueden eliminar arrastrándolas de vuelta a la regla.

Buenas prácticas

Combinar cuadrículas y guías para mayor precisión y mantener diseños organizados. Las alineaciones limpias mejoran la claridad del diseño y la experiencia general del usuario.