IA de Maior Qualidade e Mais Precisa: Novidades do App Builder
Os lançamentos de julho e outubro de 2026 do App Builder melhoram a qualidade e a precisão da IA: aplicativos gerados mais completos, edições que alteram apenas o que você pede, resultados mais fiéis aos designs e progresso em tempo real para cada solicitação. Além disso, Apex Charts e a atualização para o Ignite UI for Angular 22.
Georgi Anastasov 10min read
Desde nosso último post, o App Builder lançou duas versões, em julho e outubro de 2026, e ambas têm um único foco: melhores resultados com IA. A versão de julho migrou a geração para modelos mais novos e precisos e a tornou mais rápida. A versão de outubro reformula a forma como a IA gera e edita aplicativos, para que os aplicativos gerados sejam mais completos e as edições se limitem ao que você pediu.
Estes são os destaques:
- Aplicativos melhores desde o primeiro prompt - dados funcionais, botões com ações configuradas e um tema adequado ao assunto.
- Edição mais precisa - altere um componente, todas as correspondências no aplicativo ou páginas e navegação, mantendo o restante como estava.
- Resultados mais fiéis aos seus designs - anexe um mockup e o aplicativo seguirá suas páginas, textos e paleta de cores.
- Progresso e controle - acompanhe cada etapa, interrompa a qualquer momento e edite ou tente novamente um prompt.
- Novidades no designer - Apex Charts e uma ação Select para o Carousel.
IA de Maior Qualidade e Mais Precisa
As melhorias se aplicam a todos os lugares onde você usa IA no App Builder, e os três pontos de entrada compartilham o mesmo histórico de chat:
- Create with AI na página principal, para começar um novo aplicativo.
- AI Chat no designer, para gerar, alterar ou fazer perguntas sobre o aplicativo aberto.
- Edit with AI em um componente selecionado, para alterar ou fazer perguntas sobre esse componente.
A versão de julho preparou o terreno: modelos mais novos e precisos, melhor tratamento de imagens anexadas, melhorias na navegação entre múltiplas visualizações, nas vinculações de dados e nos layouts de repetidores de dados, além de geração mais rápida, com as imagens sendo concluídas em segundo plano enquanto você usa o aplicativo.
Aplicativos Melhores Desde o Primeiro Prompt
Agora, cada aplicativo é planejado antes de ser construído: suas páginas, navegação e dados, e o que o torna específico para o seu assunto. Os nomes das páginas, os textos e as funcionalidades vêm da sua solicitação.
Como resultado, uma parte maior do aplicativo funciona quando a geração termina:
- Os dados correspondem aos grids, gráficos e listas que os utilizam.
- Os campos de entrada mantêm seus valores, e um botão pode permanecer desabilitado até que uma caixa de seleção seja marcada.
- Os botões levam a uma página real, abrem ou fecham uma caixa de diálogo ou, para ações como Save ou Export, exibem uma mensagem de confirmação.
- O tema combina com o assunto, usa as cores hexadecimais que você indicar e mantém o texto legível sobre o fundo.
Se uma parte não puder ser concluída, como o tema ou uma única página, o restante do aplicativo ainda poderá ser entregue, e o resumo informará o que está faltando.
Exemplo
Create a modern AeroNova drone store and service website focused on the AeroNova Mini, Flip, and Neo drone lines. Showcase featured drones with large product imagery, sample specifications and pricing, comparisons, accessories, and purchase actions, while also highlighting professional maintenance and repair services with clear service options and booking actions. Make the experience feel premium, technical, and adventurous, with strong visual hierarchy, immersive drone photography, polished product sections, and a design inspired by aerial exploration rather than a generic ecommerce layout.
Comece a Partir de um Design
As mesmas melhorias de qualidade se aplicam quando você inicia seu aplicativo a partir de um design existente. Agora, a IA analisa seu design com mais atenção, extraindo suas visualizações, navegação, estrutura, textos, dados, tema e tipografia antes de gerar o aplicativo.
Quando você anexa várias imagens, cada uma pode orientar sua própria página. Cards e linhas de tabela repetidos se tornam dados funcionais com os próprios nomes de campos do design. O resultado segue o design de perto, mas não é uma cópia perfeita pixel a pixel.
Exemplo
Create an app that follows the attached image design.
Design de referência usado neste exemplo
Edição Mais Precisa
A edição com IA foi reformulada para oferecer mais precisão. Cada solicitação parte do estado atual do aplicativo, incluindo as alterações que você fez manualmente. A IA faz a menor alteração necessária e mantém o restante do aplicativo como estava.
Você pode pedir alterações como estas:
| O que você pede | Exemplo de solicitação |
|---|---|
| Alterar, adicionar, mover ou remover componentes | ”Make the Save button green”, “Add a Save button to the form” |
| Alterar dados ou vinculações | ”Show only name and price on this grid” |
| Adicionar estado | ”Add a checkbox that has to be selected before the Place Order button is enabled” |
| Alterar todas as correspondências | ”Make every card outlined” |
| Alterar páginas e navegação | ”Rename the Dashboard page to Home” |
| Combinar alterações | ”Rename the app and add a Reports page” |
Com um componente selecionado na tela, “this” se refere a esse componente. Quando um nome corresponde a vários componentes, a IA pergunta qual deles você quis dizer, em vez de adivinhar.
Exemplo
Change this button’s text to “Book a Service Appointment” and style it with an orange background and white text.
Adicionar um campo a dados armazenados no aplicativo, como “add a supplier column”, mantém as linhas existentes. Com um botão selecionado, “go to Orders instead” altera o destino de navegação dele.
Quando você adiciona, renomeia, reordena ou remove páginas, a navegação acompanha as mudanças, e a IA pergunta antes de remover uma página. Uma mensagem com várias alterações é executada em etapas, em ordem, e se uma parte não puder ser feita, o resumo informa o que ficou de fora.
Exemplo
Add a simple footer to every page with a centered container and the text ”© 2026 AeroNova. All rights reserved.”
Adicione Páginas e Seções que Combinam com Seu Aplicativo
Novas páginas e seções recebem as mesmas melhorias de qualidade. “Add a Reports page showing this month’s orders” ou “add a section showing revenue on the Dashboard” agora constroem a nova parte da mesma forma que um aplicativo inteiro é construído, com dados funcionais, botões com ações configuradas e cores combinando. A IA lê primeiro suas páginas existentes, para que a nova parte siga o layout e os textos delas, e o restante do aplicativo permanece inalterado. As seções podem ser inseridas acima, abaixo ou entre as existentes, e as novas páginas são adicionadas à navegação.
Exemplo
Add a Flight Academy page with beginner, intermediate and advanced drone training courses. Show each course’s description, duration and price, with a Book Course button.
Mude o Estilo do Seu Aplicativo
As alterações de tema ficam restritas ao que você pede. “Make it darker” ou “use our brand blue” alteram a paleta, enquanto mudar a cor de um componente afeta apenas esse componente. Você também pode mudar para um tema do seu espaço de trabalho pelo nome, ou anexar uma imagem no AI Chat e pedir “make it look like this”.
Exemplo
Make the app darker and use our brand blue.
Pergunte Sobre Seu Aplicativo
Agora você pode fazer perguntas sobre o próprio aplicativo: “What does this button do?”, “Why is this table empty?” ou quais componentes usam uma determinada variável. A IA responde com base no aplicativo atual, usando os próprios nomes de páginas e botões dele, e nada no aplicativo é alterado.
As perguntas sobre o produto agora também abrangem o Ignite UI, com links para as fontes.
Acompanhe e Controle Cada Solicitação
Agora o progresso é exibido como uma lista de etapas em tempo real, como “Reading your app’s current state - 5 pages” ou “Writing the pages - 3 of 4”, no chat e na tela. Você pode interromper uma solicitação a qualquer momento, editar sua solicitação e executá-la novamente, ou tentar novamente uma que falhou.
Exemplo
Uma solicitação em andamento, com a lista de etapas em tempo real no chat, a mesma etapa na tela e o botão Stop.
Quando uma solicitação termina, uma linha de status mostra o resultado, a duração e os créditos usados, seguida de um breve resumo do que mudou e de três sugestões de próximas etapas.
Exemplo
Uma solicitação concluída, com a linha de status, o resumo e as sugestões.
Créditos de IA
As solicitações de IA usam créditos. Você recebe 100 créditos a cada 30 dias, e os créditos não utilizados não são acumulados. Cada tipo de solicitação tem um preço base:
| Solicitação | Créditos |
|---|---|
| Pergunta sobre seu aplicativo ou sobre o produto | 1 |
| Alterar algo existente, incluindo alterações em todo o aplicativo | 5 |
| Alterar páginas e navegação | 5 |
| Alterar a aparência (tema e cores) | 7 |
| Adicionar uma nova página ou seção | 10 |
| Gerar um aplicativo inteiro | 20 |
Cada página, seção, fonte de dados e imagem gerada adiciona 1 crédito. Solicitações com falha e canceladas são gratuitas, assim como as interações em que a IA faz uma pergunta a você. Seu saldo é exibido no chat, e cada resposta mostra quanto custou. Se seus créditos acabarem, você pode resgatar um bônus único de 100 créditos pelo chat.
Novidades no Designer
Apex Charts
O App Builder agora inclui o Apex Charts, complementando nossos gráficos do Ignite UI. Você pode adicioná-los manualmente ou com IA. Arraste um gráfico para a tela e configure-o como qualquer outro componente.
Exemplo
Um gráfico Apex é adicionado a uma página.
Navegação do Carousel
O Carousel tem uma nova ação Select, para que uma interação possa levá-lo a um slide específico, por exemplo, a partir de uma miniatura ou de um botão “Next step”. A geração com IA também pode configurar essas ações.
Exemplo
Clicar em uma miniatura leva o Carousel para aquele slide.
Atualizações de Plataforma e Manutenção
- O App Builder agora inclui o Ignite UI for Angular 22.
- Correções gerais de bugs, além de atualizações de segurança e desempenho.
Conclusão
Estes lançamentos representam uma grande reformulação da experiência de IA no App Builder, trazendo resultados mais precisos e previsíveis. Experimente em seu próximo projeto e conte-nos o que achou no Discord ou no GitHub Discussions.
