How to use Copilot for Power Apps to design a modern application. Part II

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

In the previous article, we learned how to use Microsoft Copilot AI to save time when creating the data model and building the initial version of a modern application in Power Apps, designed to manage stock items in the company’s warehouse.

If you haven’t read it yet, I recommend taking a look: How to use Copilot to design a modern app in Power Apps.

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

How to use Copilot for Power Apps to build modern applications

In this second part, we will take the development of our app one step further:

  • We will add a user comments screen.
  • We will configure a custom theme using an object variable.

Below are the steps and best practices to make the most of Copilot for Power Apps.

User comments screen in Power Apps

One of the most requested features in modern applications is collecting user feedback. To achieve this, we’ll add a new screen using Copilot.

1.1 Create a comments app with 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

When publishing the app, we can keep only the comments table and reintegrate it into our main application.

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 Ask Copilot to suggest a comments screen

Prompt:
Add a FeedbackScreen

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

This way, in just a few seconds we’ll have a functional feedback screen ready, which we can later customize.

1.3 Custom design with 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

With a single prompt, Copilot for Power Apps generates a layout with three containers, saving three times the effort compared to doing it manually.

Tip: save your prompts in a catalog (a text file or a tool like the Prompt Manager Solution) so you can reuse them easily.

1.4 Integration of the comments table

We added the “Comments” table to the app and reused the container that was already generated. This way, the feedback functionality is ready in just a few steps.

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

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

Custom Theme Configuration in Power Apps

In addition to functionality, we can also enhance the app’s visual design with a custom theme.

Configuración de un tema personalizado en Power Apps

2.1 Create a theme with object variables

Instead of configuring individual variables, we can define our theme as an object within the app’s main formula.

2.2 Add icons and customization

You can add custom SVG icons to this theme, enhancing both visual identity and user experience.

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

Conclusions: Next Steps with Copilot for Power Apps

With Copilot for Power Apps we have been able to:

  • Create feedback screens with AI in a matter of minutes.
  • Design custom layouts using prompts.
  • Configure a visual theme consistent with the brand.

In upcoming articles, we will continue exploring how Copilot can facilitate the development of modern applications in Power Apps and help you make the most of artificial intelligence in your company.

Adelaida García Toscano 

Dynamics 365 Development 
ABD Consulting and IT Solutions

Table of Contents

Follow us on LinkedIn
Subscribe to the Newsletter




    Labels