WebRatio Platform 9 presenta por primera vez el UI Designer, un editor para la interfaz de usuario de aplicaciones web y móviles. Es una herramienta WYSIWYG en la que se puede definir en detalle el aspecto gráfico de cada pantalla de aplicaciones utilizando widgets de plataforma, elementos de diseño que se pueden arrastrar al área de trabajo.
El UI Designer se compone de un área principal que es tanto un editor como una previsualización, gracias a la cual se puede editar la UI de la página simplemente haciendo drag and drop desde la barra de widgets. La lista de widgets es dinámica, depende de los estilos asociados al proyecto web/móvil y puede ampliarse con widgets creados por el desarrollador.
Los widgets tienen una serie de propiedades para configurar su aspecto y conexión con el modelo IFML que guía la interacción del usuario en la aplicación. Las propiedades se muestran en un cuadro de diálogo al que se accede haciendo doble clic en el widget en el área principal.
El editor muestra una vista previa de la página utilizando diferentes tamaños de pantalla: escritorio, tableta y móvil para diseñar aplicaciones Web responsive y soportar la rotación horizontal/vertical de la pantalla de dispositivos móviles. Esta funcionalidad permite definir una sola vez la interfaz para todos los dispositivos, con un considerable ahorro de tiempo en la fase de diseño, que se suma a la rapidez de las otras herramientas low-code de WebRatio Platform 9.