OpenAI mostra como o ChatGPT Images 2.0 pode redesenhar interfaces de aplicativos

O ChatGPT Images 2.0 começa a funcionar como ferramenta de design de produto, além de gerador de imagens. Um colunista do ZDNet enviou ao modelo as interfaces de dois aplicativos seus e, em vez de conselhos abstratos, recebeu mockups prontos com melhorias concretas.

Dois produtos

O teste foi feito por David Gewirtz, colunista do ZDNet. Ele usou o ChatGPT Plus, que custa 20 dólares por mês, e enviou ao Images 2.0 capturas de tela de duas interfaces reais em que está trabalhando. A primeira é de um app para Mac que ele vem desenvolvendo com o Claude Code desde janeiro de 2026. A segunda é a página inicial de um produto web de segurança.

O ponto-chave: o modelo não se limitou a descrever o que não lhe agradava. Ele gerou novas variações visuais, que já podem ser discutidas como rascunhos de design. Segundo o autor, isso muda a própria forma de trabalhar com gráficos gerados por IA. Antes, esses sistemas faziam basicamente "imagens bonitas" e, no máximo, davam recomendações genéricas sobre interface. Agora, o modelo entende melhor a estrutura da tela e consegue propor um redesign coerente: reorganizar a hierarquia, destacar áreas de atenção e mostrar como tudo ficaria montado.

Ideias para o Mac

O primeiro experimento envolveu um app para Mac com uma tela bastante carregada: botões grandes à esquerda, uma grade de padrões, um painel de detalhes e controles herdados em parte da versão para iPhone. O autor pediu ao ChatGPT para "deixar a interface mais atraente e mais fácil de usar".

A versão completa devolvida pelo modelo não o agradou de início: a IA removeu os botões coloridos, importantes para a marca, e não entendeu bem os modos de visualização na parte inferior. Ainda assim, o mockup trazia várias soluções que ele pretende de fato implementar.

Estas são as ideias que o autor aproveitou:

• uma área superior mais clara acima da grade, que deixa a estrutura da tela mais legível
• mais espaçamento entre as miniaturas, para que a seleção de itens fique mais limpa
• um bloco de ações mais bem resolvido no canto inferior esquerdo, no lugar da iconografia anterior
• uma opção separada de favoritos, que o app não tinha
• um campo fixo de Added/Updated na parte inferior do painel de detalhes

A principal conclusão do teste não é que a IA desenhou uma interface perfeita na primeira tentativa. O valor está em outro lugar: o modelo agiu como um revisor externo rápido e reuniu um pacote de ideias pontuais que o próprio desenvolvedor talvez não enxergasse. Além disso, um mockup assim já pode servir como briefing visual para o Claude Code, sem que seja preciso descrever o resultado desejado só com palavras.

Web design sob medida

O segundo caso foi a página inicial do produto de segurança. Segundo o autor, o visual atual era organizado, mas bastante rudimentar — em boa parte porque ele não gosta de escrever CSS.

Curiosamente, a análise começou quase por acaso: ele colou a captura de tela no ChatGPT e apertou Enter antes de terminar o prompt. O modelo analisou a página por conta própria e apontou na hora os pontos problemáticos.

"Os principais problemas são a hierarquia visual fraca, cinza demais,

um bloco de introdução longo e três cards abaixo com o mesmo peso visual."

Em seguida, o ChatGPT sugeriu uma estética de painel administrativo mais moderna: cards brancos no lugar dos grandes painéis cinza, bordas suaves, mais respiro entre as seções, uma única cor de destaque para botões e links, linhas mais curtas no texto principal e mais contraste entre títulos e texto comum.

Depois, o autor pediu uma imagem da interface atualizada em vez de uma análise — e recebeu um novo mockup, que pode servir como próximo passo no trabalho com o Codex.

Na versão gerada, a IA chegou a inventar um logotipo, já que a captura original não tinha nenhum. Mas o mais importante é outra coisa: o modelo redefiniu as prioridades da página. Ele criou áreas separadas de Quick Setup, Need Help e Configure Privacy/View Docs, oferecendo ao usuário pontos de entrada claros. Também acrescentou um bloco de Site Status na parte inferior — um recurso em que o autor já havia pensado, mas vinha adiando pela complexidade de implementá-lo em plugins freemium.

O que isso significa

Para desenvolvedores solo, o cenário é bem prático: em poucos minutos, é possível obter ao mesmo tempo uma análise de UX e um protótipo que antes poderiam levar cerca de uma semana para uma equipe de designers e desenvolvedores.

O ChatGPT Images 2.0 não substitui por completo um designer de produto nem garante um resultado perfeito na primeira geração. Mas a combinação de análise visual, mockup e repasse da tarefa ao Claude Code ou ao Codex encurta bastante o caminho entre uma interface crua e uma melhoria pronta para implementar.