Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Rejillas de Diseño, Filas y Columnas en Figma: Estructuración de Tus Diseños | Dominio de la Creación de Prototipos en Figma
Diseño UI/UX Con Figma

bookRejillas de Diseño, Filas y Columnas en Figma: Estructuración de 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 expandan o se fijen a la izquierda, centro o derecha;
  • Márgenes y espacios: definir el espacio entre los bordes del marco (márgenes) y entre columnas/filas (espacios).

Opciones avanzadas

  • Añadir múltiples cuadrículas a un solo marco haciendo clic nuevamente en el icono de suma.
  • Modificar o eliminar cuadrículas utilizando 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.

Mejores 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 optimizan la experiencia general del usuario.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 1

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

How do I choose between columns, rows, or grid types in Figma?

Can you explain the difference between margins and gutters?

What are some best practices for using grids and guides together?

Awesome!

Completion rate improved to 2.78

bookRejillas de Diseño, Filas y Columnas en Figma: Estructuración de Tus Diseños

Desliza para mostrar el menú

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 expandan o se fijen a la izquierda, centro o derecha;
  • Márgenes y espacios: definir el espacio entre los bordes del marco (márgenes) y entre columnas/filas (espacios).

Opciones avanzadas

  • Añadir múltiples cuadrículas a un solo marco haciendo clic nuevamente en el icono de suma.
  • Modificar o eliminar cuadrículas utilizando 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.

Mejores 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 optimizan la experiencia general del usuario.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 1
some-alt