Compartilhar via

Gerar uma página usando linguagem natural

Use linguagem natural para criar uma página generativa criada usando IA. As páginas generativas são uma experiência orientada por IA projetada para simplificar, acelerar e melhorar o processo de design de seu aplicativo em aplicativos baseados em modelo. Ao interagir com o agente de aplicativo, você cria páginas totalmente funcionais em seus aplicativos baseados em modelo, descrevendo o que precisa em linguagem natural e especificando quais tabelas do Microsoft Dataverse referenciar. Você pode até anexar uma imagem de como você gostaria que a página fosse.

Depois de descrever a página, o sistema processa seus requisitos e especificações e gera de forma inteligente o código React que abrange a experiência do usuário front-end, selecionando os componentes corretos e determinando o melhor layout e a lógica de negócios correspondente. Através de uma experiência interativa e conversacional, você pode refinar o design da página em tempo real, ajustando elementos, layout e funcionalidade para combinar perfeitamente com sua visão.

Pré-requisitos

  • O ambiente do Power Platform deve estar localizado na região dos EUA. Esse recurso ainda não está disponível em outras regiões.

Crie uma página generativa em aplicativos baseados em modelo

  1. Entre no Power Apps.

  2. Abrir um aplicativo baseado em modelo para edição.

  3. No designer de aplicativo, selecione Adicionar uma página>Descrever uma página.

    Uma experiência de página generativa de tela inteira é aberta.

  4. Na caixa de texto, digite uma descrição do tipo de página que você deseja criar. A descrição deve incluir requisitos funcionais e, opcionalmente, quaisquer especificações de UX. Por exemplo, você pode inserir Criar uma página mostrando registros de Conta como uma galeria de cartões usando uma aparência moderna. Inclua nome, entityimage na parte superior e site, e-mail e número de telefone. Torne a galeria rolável usando dados da tabela Conta.

  5. Adicione tabelas e imagens conforme apropriado selecionando Adicionar dados>Adicionar tabela. Você pode vincular até seis tabelas do Dataverse. Na captura de tela, a tabela de contas é adicionada. Adicione uma tabela à página generativa

  6. Como opção, carregue uma imagem para guiar a interface do usuário da página gerada selecionando Adicionar dados>Anexar imagem. Pode ser um esboço de guardanapo ou uma imagem de maior resolução.

  7. Opcionalmente, escolha o modelo de IA que você deseja usar para gerar a página. Escolha o modelo de IA que você deseja usar para gerar sua página

  8. Quando terminar de descrever a página, selecione Gerar página.

O agente iniciará um processo de build de várias etapas que você pode observar em tempo real:

  • Transmitindo seus pensamentos: o agente descreve primeiro sua interpretação de seu prompt, listando requisitos, suposições e um plano de execução.
  • Geração de código: em seguida, ele grava o código subjacente para sua página com base no plano.
  • Transpilação: o código gerado é então transpilado para garantir a compatibilidade e a renderização adequada.
  • Renderização final: por fim, a experiência do usuário concluída é exibida.

Se a experiência do usuário não for exibida no final desse processo, você poderá exibi-la selecionando a guia Visualização .

Uma experiência de usuário de página gerada

Exibir o código gerado, iterar e publicar

Depois de gerar sua página, você tem várias opções para refiná-la e finalizá-la:

  1. Exibir e editar o código gerado Selecione a guia Código para exibir o código gerado pelo agente do aplicativo. Exiba o código de página generativa e faça iterações no design

    Você pode refinar a saída de duas maneiras:

    • Converse iterativamente com o agente do aplicativo para corrigir erros, ajustar o layout ou adicionar funcionalidade.
    • Edite manualmente o código selecionando Editar na guia Código. Depois de fazer algumas edições, você pode selecionar Salvar para confirmar suas alterações como uma nova iteração ou Cancelar para descartar suas alterações.

  2. Comparar iterações Depois de concluir duas ou mais iterações com o agente, você pode selecionar Comparar na guia Código para exibir uma diferença de código entre a iteração atual e anterior.

    Nota

    Atualmente, essa funcionalidade só está disponível a partir da segunda iteração na sessão atual.

  3. Anexar uma captura de tela para referência rápida Na experiência de chat, clique em Anexar>Captura de Tela para incluir uma captura de tela da visualização atual com sua próxima interação com o agente do aplicativo. Isso é útil para ajudar a ajustar os visuais da página.

  4. Salvar e publicar Na barra de comandos, selecione Salvar para evitar a perda de progresso em sua página.
    Quando estiver satisfeito com sua página, selecione Salvar e Publicar para publicar todas as alterações pendentes para o aplicativo, incluindo quaisquer páginas generativas.

Importante

Embora o agente faça uma tentativa de melhor esforço para gerar código completo e pronto para produção, incluindo considerações sobre as práticas recomendadas de acessibilidade e segurança, você é responsável por validar o código. Verifique se o código gerado atende aos padrões e aos requisitos de conformidade da sua organização.

Adicionando páginas generativas a soluções

As páginas generativas têm reconhecimento de solução e podem ser adicionadas a uma solução (por meio de um aplicativo) para facilitar a movimentação entre ambientes. Para adicionar uma página de geração a uma solução, faça o seguinte:

Importante

Se a página generativa tiver sido criada durante a fase de versão preliminar, você deverá carregar a página generativa no designer de aplicativo modelo para iniciar uma migração individual para o novo modelo de dados com reconhecimento de solução. Quando a página for carregada no designer, você verá uma mensagem de progresso "Atualizando sua página". Não feche a janela até que a migração seja concluída.

  1. Adicionar o aplicativo que contém suas páginas gerativas a uma solução
    • No Power Apps, selecione Soluções no painel de navegação esquerdo e abra a solução desejada.
    • Selecione Adicionar existente > Aplicativo > Aplicativo baseado em modelo.
    • Selecione o aplicativo que contém as páginas gerativas.
  2. Exportar a solução (como gerenciada ou não gerenciada)
    • Verifique se o sitemap do aplicativo está incluído na solução. Caso contrário, ele deve ser solicitado durante as verificações de dependência.
    • As páginas generativas (mostradas como linhas Projeto do Agente de UX) também serão solicitadas com base na dependência do mapa do site.

Nota

Verifique estes itens se nenhuma página gerativa é solicitada durante verificações de dependência:

  • As páginas criadas durante a visualização só serão exibidas se tiverem sido migradas. Carregue-os na interface de design para acionar a migração.
  • Se o sitemap estiver incluído na solução e suas páginas generativas tiverem sido migradas, tente fazer uma pequena alteração no sitemap (por exemplo, reordenando ou renomeando uma página), republicando o aplicativo e, em seguida, tentando a exportação novamente.

Após a exportação, você pode importar o aplicativo e as páginas generativas para outro ambiente. Quando aberto no designer no ambiente de destino, somente o primeiro prompt e o código publicado estarão disponíveis. A conversa do agente completa não é transferida com a página.

Limitações

Estas são as limitações atuais das páginas generativas:

  • Sua página pode se conectar apenas a tabelas do Dataverse (até 6 para uma única página). Você pode executar operações CRUD (criar, ler, atualizar e excluir) com estas tabelas. Nenhuma outra fonte de dados pode ser usada.
  • Seu prompt pode ter no máximo 50.000 caracteres.
  • Somente Inglês dos EUA é compatível.
  • Não há suporte para colaboração. Certifique-se de que apenas um criador esteja trabalhando em uma página generativa por vez para evitar conflitos não intencionais.
  • Somente estes tipos de dados são compatíveis:
    • Opção
    • Currency
    • Cliente
    • Data e hora
    • Somente dados
    • Número Decimal
    • Número de Ponto Flutuante
    • Imagem
    • Pesquisar
    • Texto de Várias Linhas
    • Status
    • Razão do status
    • Texto
    • Número Inteiro
    • Sim/Não
    • Identificador Exclusivo

Perguntas frequentes

Posso começar a criar meu aplicativo no Designer de Planos e usar páginas generativas?

Sim, embora não haja atualmente nenhuma integração direta entre planos e páginas generativas, você pode usar planos para definir suas tabelas e aplicativos e, em seguida, alternar para o designer de aplicativos para criar as páginas generativas desejadas.

Existem taxas ou créditos adicionais necessários para usar páginas generativas?

Não, a experiência do criador para páginas generativas (e planos) não requer nenhuma IA adicional ou créditos de mensagem.

Que tipo de imagens funcionam melhor para orientar a geração da interface do usuário?

Depende do seu objetivo. Se você souber exatamente como deseja que a página final fique, esboços ou wireframes claros e detalhados (sejam desenhados à mão ou digitais) são mais eficazes. Se você tiver apenas um conceito geral e quiser que o agente preencha os detalhes, esboços rápidos em um quadro branco ou até mesmo desenhos de guardanapo poderão funcionar bem.

Posso usar páginas generativas com aplicativos de tela ou outros tipos de aplicativo?

Não, no momento, as páginas generativas só têm suporte em aplicativos baseados em modelo.

Existe uma maneira de reutilizar ou clonar uma página generativa em ambientes?

Sim, páginas generativas são elementos com reconhecimento de solução que podem ser movidos entre ambientes. Somente a última versão publicada do código e o primeiro prompt são mantidos com a solução; o histórico de revisão completo permanece no ambiente original.

Posso editar o código gerado manualmente?

Sim. Você pode editar manualmente o código gerado selecionando Editar na guia Código . Suas alterações são salvas como uma nova iteração. Selecione Cancelar para cancelar suas edições se você optar por não mantê-las.

O código gerado por páginas gerativas tem a garantia de estar pronto para produção e em conformidade com os padrões da minha organização?

Não. Embora o agente tente produzir um código pronto para produção de alta qualidade com as melhores práticas de acessibilidade e segurança em mente, é sua responsabilidade validar a saída. Sempre examine o código gerado para garantir que ele se alinhe aos padrões, políticas e requisitos de conformidade da sua organização.

Como faço para fazer comentários sobre o recurso?

A melhor maneira de dar feedback em páginas generativas é usar os botões de polegar para cima/para baixo na experiência de chat que estão disponíveis após cada iteração. Também recomendamos que você selecione Sim em Compartilhar amostras de conteúdo relevantes e arquivos adicionais de log para que possamos depurar ou tentar recriar quaisquer problemas encontrados com o recurso.

E se eu não vir páginas generativas habilitadas no meu ambiente?

Confirme se seu ambiente está na região dos EUA.

  • Last updated on