Cómo usar Copilot Power Apps para diseñar una aplicación moderna. Parte II

Cómo usar Copilot AI en Power Apps para diseñar aplicaciones modernas

En el artículo anterior, aprendimos cómo usar Microsoft Copilot AI para ahorrar tiempo en la creación del modelo de datos y la construcción inicial de una aplicación moderna en Power Apps, orientada a la gestión de artículos en stock del almacén de la empresa.

Si aún no lo has leído, te recomiendo revisarlo: Cómo usar Copilot para diseñar una app moderna en Power Apps.

Cómo usar Copilot AI en Power Apps para diseñar aplicaciones modernas. Parte II

Cómo usar Copilot Power Apps para crear aplicaciones modernas

En esta segunda parte vamos a dar un paso más en el desarrollo de nuestra aplicación:

  • Añadiremos una pantalla de comentarios de usuarios.
  • Configuraremos un tema personalizado mediante una variable de objeto.

A continuación, detallamos los pasos y mejores prácticas para aprovechar al máximo Copilot Power Apps.

Pantalla de comentarios de usuarios en Power Apps

Una de las funcionalidades más demandadas en aplicaciones modernas es la recogida de feedback de los usuarios. Para ello, añadiremos una nueva pantalla con Copilot.

1.1 Crear una aplicación de comentarios con Copilot

Prompt:
Create an app for users to leave feedback on my last app

Pedimos a Copilot la creación de una app para los comentarios de los usuarios

Al publicar la app, podemos quedarnos únicamente con la tabla de comentarios y volver a integrarla en nuestra aplicación principal.

Una vez publicada la nueva app de comentarios, podemos borrar la app que acabamos de crear y quedarnos solo con la tabla que es lo que nos interesa. Copilot - Power Apps

1.2 Pedir a Copilot que sugiera una pantalla de comentarios

Prompt:
Add a FeedbackScreen

pedir a Copilot que nos cree/sugiera una pantalla de comentarios.

De esta manera, en pocos segundos tendremos lista una pantalla funcional de feedback que luego podremos personalizar.

1.3 Diseño personalizado con Copilot AI

Prompt:
Add a horizontal container its X and Y valor should be 0. Its width and height should be “Parent width” and “Parent Height” respectively. Its should have two containers inside of it. One should be a “Container” with fillportions set to 0 and a width of 70. And the other container should be a vertical container

Diseño personalizado con Copilot AI

Con un solo prompt, Copilot Power Apps genera un diseño con tres contenedores, ahorrando el triple de tiempo respecto a hacerlo manualmente.

Consejo: guarda tus prompts en un catálogo (archivo de texto o herramienta como Prompt Manager Solution) para reutilizarlos fácilmente.

1.4 Integración de la tabla de comentarios

Agregamos la tabla “Comentarios” a la aplicación y reutilizamos el contenedor ya generado. De esta manera, tendremos lista la funcionalidad de feedback en pocos pasos.

Creación de una nueva aplicación para comentarios - Copilot

copiamos el contenedor “Screen Container 1” al “Container 1”

Configuración de un tema personalizado en Power Apps

Además de funcionalidades, también podemos mejorar el diseño visual de la app con un tema propio.

Configuración de un tema personalizado en Power Apps

2.1 Crear un tema con variables de objeto

En lugar de configurar variables individuales, podemos definir nuestro tema como un objeto dentro de la fórmula principal de la aplicación.

2.2 Añadir iconos y personalización

A este tema se le pueden agregar iconos SVG personalizados, mejorando la identidad visual y la experiencia de usuario.

También podemos añadir a nuestro tema iconos SVG

Conclusiones: próximos pasos con Copilot Power Apps

Con Copilot Power Apps hemos podido:

  • Crear pantallas de comentarios con IA en cuestión de minutos.
  • Diseñar layouts personalizados mediante prompts.
  • Configurar un tema visual coherente con la marca.

En los próximos artículos seguiremos explorando cómo Copilot puede facilitar el desarrollo de aplicaciones modernas en Power Apps y ayudarte a aprovechar al máximo la inteligencia artificial en tu empresa.

Adelaida García Toscano 

Programación Dynamics 365 
ABD Consultoría y Soluciones Informáticas

Tabla de contenidos

Síguenos en Linkedin
Suscribete a la Newsletter




    Etiquetas