i
Espaciado
Los espaciados definen las distancias utilizadas para separar elementos o generar espacios de relleno dentro de la interfaz de usuario.
Su uso mediante una escala de variables reutilizables permite mantener una distribución visual uniforme en toda la aplicación, garantizando la consistencia del diseño y facilitando su actualización desde un único punto de configuración.
Las variables de espaciado son utilizadas por el sistema de diseño para definir el espacio de relleno, la separación de ítems, el espaciado de etiquetas, menús y otras propiedades de los distintos componentes. En lugar de utilizar un valor en píxeles, estas propiedades utilizan una variable de la escala de espaciado. Las mismas variables se emplean posteriormente en entidades y páginas, garantizando la consistencia visual de la aplicación.
La configuración de los espaciados se encuentra en la sección Variables de estilo del panel izquierdo.
Al hacer clic sobre
Espaciado, se despliega un contenedor que muestra las variables que componen la escala de espaciado junto con el valor en píxeles asignado a cada una.

Al posicionar el cursor sobre
Espaciado se muestra el ícono
, desde el cual es posible modificar el valor base de espaciado.

Al modificar este valor, el sistema recalcula automáticamente los valores en píxeles de todas las variables de la escala, manteniendo la proporción definida entre ellas. De esta manera, es posible ajustar el espaciado de toda la interfaz de forma consistente, sin necesidad de modificar cada variable de manera individual.