Hay tres cosas que cualquier desarrollador de aplicaciones busca: crearlas de manera ágil, personalizarlas fácilmente y garantizar la mejor experiencia de usuario. Si manejas Power Apps, ya sabes que parte de estos requisitos están bien cubiertos. Pero hoy queremos ir un paso más allá con una herramienta que nos ha ayudado a optimizar el diseño, la adaptación al branding corporativo y la experiencia de usuario de nuestras aplicaciones: el Creator Kit de Power Apps.
El Creator Kit es una colección de componentes y plantillas para mejorar la imagen e interacción con las aplicaciones, desarrollada por el equipo de Microsoft Power Cat. Una de sus principales características es que todos sus controles y componentes están desarrollados usando el framework Fluent UI que proporciona una visualización más profesional y mejora la experiencia del usuario.
Tras lanzar una preview a mediados de este año, en septiembre finalmente se ha anunciado la versión del Creator Kit para su uso en producción. Esta última versión nos ofrece tres soluciones administradas con los diferentes componentes, con una biblioteca que facilita la creación de apps nuevas o el rediseño de las ya existentes.
Como ya hemos comentado, una de las ventajas de instalar el Kit, es poder disponer de la biblioteca de Power CAT Component Library, con todos los controles y componentes incluidos y desarrollados mediante Fluent UI.
Con estos recursos, puedes crear aplicaciones más uniformes, atractivas y modernas a la vez que optimizas el proceso de creación o rediseño de sus apps.
Con el uso de los diferentes componentes, así como con la aplicación para la generación de temas, las personalizaciones para adaptar las apps a la imagen de cada cliente o proyecto resultan más sencilla, facilitando la industrialización de los diferentes proyectos con Power Apps.
De este modo, podemos mejorar tanto el aspecto visual y la experiencia de usuario de nuestras aplicaciones como en el propio proceso de creación, facilitando al desarrollador componentes con funcionalidades predefinidas y un diseño moderno.
Además, incorporan la aplicación Creator Kit Reference App que nos ofrece una ficha de cada componente con su funcionamiento, así como las mejores prácticas de uso para cada uno de ellos.
En CrossPoint ya hemos empezado a sacar el máximo provecho a las diferentes ventajas que nos aporta el Creator Kit con todos sus componentes.
Por un lado, empleamos el generador de temas, mediante la aplicación Fluent Theme Designer, que nos permite exportar un tema en formato JSON para poderlo aplicar en nuestros proyectos de Power Apps. En este contexto, el uso de los temas nos permite modificar la imagen general de la app de una forma ágil y sencilla.
Para ello, primero definimos unos colores básicos con el branding asociado al proyecto.
Tras este primer paso, la aplicación nos muestra cómo quedaría la visualización de diferentes objetos dentro de una App, de modo que podamos llevar a cabo los ajustes necesarios antes de establecer el tema definitivo que vamos a emplear.
Una vez definidos los ajustes, podemos realizar la exportación, con lo que tenemos a nuestra disposición el código necesario para poder generar el tema que emplearemos en nuestra app.
Por otro lado, con el uso de algunos de los componentes de la biblioteca Power CAT y otros de nuestra propia biblioteca de componentes, hemos logrado llevar a cabo el rediseño de nuestra Aplicación de Pedidos de Venta, dándole una imagen más cercana al resto de apps del entorno Microsot 365.
Con el Creator Kit hemos conseguido una imagen más moderna y amigable para el usuario. En este caso, por ejemplo, hemos introducido un menú de navegación en la parte izquierda de la pantalla, un cuadro de búsqueda similar al que encontramos en nuestro entorno de Microsoft 365 y una lista de registros que, aparte de mejorar el aspecto visual, también nos facilita el desarrollo de la aplicación gracias a sus funcionalidades.
Esta es una pequeña muestra de lo que puedes llegar a lograr con la biblioteca de componentes facilitada por el equipo de Power CAT junto con la tuya propia. Accede a este enlace si quieres consultar los pasos para instalar el Creator Kit.
Esperamos que este post te sirva de ayuda para sacar el máximo rendimiento a los diferentes componentes y lograr transformar el aspecto y usabilidad de tus Power Apps.
