Criar páginas com IA gerativa

  • 6 minutos

As páginas generativas permitem que você crie uma página totalmente funcional em seu aplicativo controlado por modelos, descrevendo o que você deseja em linguagem simples. Em vez de configurar layouts e controles manualmente, você digita uma descrição dos dados e design necessários e um agente de IA gera o código React subjacente para você.

O que é uma página generativa?

Uma página generativa é uma página baseada em React, gerada por IA, que fica dentro de um aplicativo controlado por modelos. Você interage com um agente de aplicativo no designer de aplicativos usando uma experiência de conversa: descreva a página desejada, opcionalmente anexe uma imagem do layout e o agente gera código de trabalho em tempo real. Você pode refinar a página continuando a conversa – pedindo ao agente para ajustar o layout, adicionar colunas ou corrigir erros – e publicar quando estiver satisfeito.

As páginas generativas têm reconhecimento de solução, o que significa que elas podem ser empacotadas em uma solução e movidas entre ambientes como qualquer outro componente do aplicativo.

Note

A experiência de criação para páginas generativas está atualmente disponível em ambientes localizados nos Estados Unidos, na Grã-Bretanha, na Austrália e em Cingapura. Os criadores em outras regiões podem criar e editar páginas gerativas usando ferramentas de geração de código de IA.

Criar uma página generativa

  1. Entre no Power Apps e abra um aplicativo baseado em modelo para edição.

  2. No designer de aplicativo, selecione Adicionar uma página>Descrever uma página. Abre-se uma experiência conversacional em tela inteira.

  3. Na caixa de texto, descreva a página desejada. Seja específico sobre os dados, o layout e o comportamento. Por exemplo:

    Crie uma página mostrando registros de conta como uma galeria de cartões. Inclua o nome da conta, o email e o número de telefone. Torne a galeria rolável.

  4. Opcionalmente, selecione Adicionar dados>Adicionar tabela para vincular até seis tabelas do Dataverse, ou Adicionar dados>Anexar imagem para carregar um esboço ou wireframe para orientar o layout.

  5. Selecione Gerar página. O agente processa seu prompt, grava o código e renderiza uma visualização.

  6. Examine o resultado na guia Visualização . Para refinar a página, continue conversando com o agente ou selecione Editar na guia Código para modificar o código diretamente.

  7. Quando satisfeito, selecione Salvar e Publicar para publicar o aplicativo e disponibilizá-lo aos usuários.

Importante

O agente faz uma tentativa de melhor esforço para gerar código pronto para produção, mas você é responsável por validar a saída. Examine o código gerado para confirmar que ele atende aos requisitos de segurança e conformidade da sua organização.

Iterar em sua página

Após a geração inicial, você tem várias maneiras de refinar a página:

  • Chat: continue a conversa para ajustar o layout, adicionar funcionalidade ou corrigir problemas.
  • Editar código: selecione Editar na guia Código para modificar o código gerado manualmente.
  • Comparar iterações: após duas ou mais iterações, selecione Comparar na guia Código para ver uma diferença entre as versões.
  • Assistente de acessibilidade: após cada geração, o assistente de acessibilidade examina o código em busca de problemas e oferece uma opção de correção automática para resolvê-los automaticamente.

Em seguida, você aprenderá a controlar a segurança e compartilhar seu aplicativo controlado por modelos com outros usuários.