{"id":54371,"date":"2025-09-09T12:24:51","date_gmt":"2025-09-09T12:24:51","guid":{"rendered":"https:\/\/www.bravent.net\/?p=54371"},"modified":"2025-09-09T12:24:51","modified_gmt":"2025-09-09T12:24:51","slug":"generative-pages-power-apps-build-business-apps-ai-natura-language","status":"publish","type":"post","link":"https:\/\/www.bravent.net\/en\/news\/generative-pages-power-apps-build-business-apps-ai-natura-language","title":{"rendered":"Generative Pages in Power Apps: Build Business Apps with AI and Natural Language"},"content":{"rendered":"

Can you imagine building a business application without writing a single line of code?<\/strong><\/p>\n

Now, with the new Generative Pages<\/a><\/strong> functionality in Microsoft Power Apps<\/strong>, it\u2019s possible to create pages for your model-driven apps<\/strong> using Artificial Intelligence and natural language<\/strong>.
\nThis evolution of low-code\/no-code development completely changes the way applications are designed within the Power Platform<\/strong> ecosystem.<\/p>\n<\/div>[vc_empty_space]<\/div><\/div><\/div><\/section>

What is Generative Pages in Power Apps?<\/strong><\/h2>\n

Generative Pages<\/strong> is a Generative AI\u2013based<\/strong> experience within Microsoft Power Apps<\/strong> that allows users to build functional pages in model-driven apps simply by describing what they need\u2014similar to the canvas apps creation experience, which already included Copilot.<\/p>\n<\/div>[vc_empty_space]<\/div><\/div><\/div><\/section>

How does it work?<\/strong><\/h2>\n

By writing a natural language prompt, selecting the Dataverse<\/strong> tables you want to use, and, if desired, uploading an image or sketch of the design.
\nAt that point, AI generates a fully functional page with React and TypeScript code<\/strong>, directly integrated with your data schema and aligned with your app\u2019s style.<\/p>\n<\/div>[vc_empty_space]<\/div><\/div><\/div><\/section>

How to create apps with Generative Pages<\/strong><\/h2>\n

Follow these steps to use Generative Pages in Power Platform<\/a><\/strong>:<\/p>\n

    \n
  1. Open a model-driven app<\/strong> in Power Apps.<\/li>\n
  2. Click \u201cAdd page\u201d > \u201cDescribe a page.\u201d<\/strong><\/li>\n
  3. Write a description such as: \u201cCreate a gallery with Account records showing image, name, email, and phone. Modern design, dark mode, with horizontal scroll.\u201d<\/em><\/li>\n
  4. Add up to 6 Microsoft Dataverse tables<\/strong> containing the data you need.<\/li>\n
  5. Optionally, attach a sketch or wireframe to guide the design.<\/li>\n
  6. Click \u201cGenerate page\u201d<\/strong> and let AI do the work.<\/li>\n<\/ol>\n

    Additionally, through a conversational agent<\/strong> always available in the editor, you\u2019ll be able to adjust functionality, change the design, add filters, enable mobile compatibility, or even switch to dark mode\u2014all in real time.<\/p>\n<\/div>[vc_empty_space]<\/div><\/div><\/div><\/section>

    Key Features of Generative Pages<\/strong><\/h2>\n

    Generative Pages in Power Apps introduces a revolutionary approach to building functional pages within model-driven apps by combining the power of Generative AI, assisted design, and direct business data integration.<\/p>\n<\/div>

      \n
    1. \n

      Creation with natural language<\/strong><\/h3>\n<\/li>\n<\/ol>\n

      No need for manual design or coding from scratch. Just describe in natural language what you want to build, and the intelligent agent takes care of the rest.
      \nFor example: \u201cI want a page that shows active clients as cards, with name, email, and a contact button.\u201d<\/em><\/p>\n<\/div>

        \n
      1. \n

        Support for images as design inspiration<\/strong><\/h3>\n<\/li>\n<\/ol>\n

        You can attach a reference image, such as a wireframe, hand-drawn sketch, or high-fidelity design, for AI to use as a visual guide.<\/p>\n<\/div>

          \n
        1. \n

          Instant connection with Microsoft Dataverse<\/strong><\/h3>\n<\/li>\n<\/ol>\n

          You can link up to 6 Dataverse tables to connect your business data directly. The generated page can then perform CRUD operations (create, read, update, delete) securely and in a structured way.<\/p>\n<\/div>

            \n
          1. \n

            Automatic code generation in React and TypeScript<\/strong><\/h3>\n<\/li>\n<\/ol>\n

            AI generates a fully functional code structure based on React and TypeScript, following best practices. While direct code editing isn\u2019t available yet, you can view and understand the code, and make adjustments via conversation with the agent.<\/p>\n<\/div>

              \n
            1. \n

              Modern, adaptable design<\/strong><\/h3>\n<\/li>\n<\/ol>\n

              Generated pages include modern and responsive visual elements such as:<\/p>\n