Desde la configuración ‘Grid and Layout’, puedes configurar una cuadrícula y una guía, habilitar para que se muestren las dimensiones de los widgets, y activar o desactivar las opciones Scale layout y ‘Snapping’.

Por defecto, la altura y la anchura de tu pantalla determinan la altura y la anchura del proyecto publicado. Cuando el proyecto se visualiza en diferentes tamaños de pantalla, se escalará automáticamente gracias a la función ‘Scale Layout’. Lee más sobre esta función aquí.

Si necesitas colocar los widgets fuera del área de diseño visible (esto puede ser necesario para algunos escenarios de animación), puedes activar un marco para mostrar los bordes del diseño. Para hacerlo, haz clic en Grid and Layout -> Guides. Verás un marco azul cuando alejes la ventana del navegador.

También puedes establecer una anchura personalizada para tu diseño haciendo clic en el valor por defecto '1024' e introduciendo un nuevo valor.

Guías

Define el número de columnas y líneas que prefieras, así como su anchura y márgenes.

Cuadrícula

Mueve el cursor hacia arriba y hacia abajo para establecer los valores deseados para la cuadrícula.

Snap

Si está activada la función ‘Snap’, un widget se alinea automáticamente a la cuadrícula, las guías y los widgets cercanos cuando lo mueves.

Sizes

Activa ‘Sizes’ para ver la altura y la anchura de todos tus widgets. Aprende más sobre cómo trabajar con los widgets aquí.

Blocks

‘Blocks’ es una función beta que te ofrece la oportunidad de trabajar por separado en diferentes partes de tu página. Conoce más sobre ella aquí.