OpenAI mostra como ChatGPT Images 2.0 pode redesenhar interfaces de aplicativos

ChatGPT Images 2.0 está começando a funcionar não apenas como gerador de imagens, mas como uma ferramenta para design de produtos. Um autor da ZDNet carregou interfaces de dois de seus aplicativos no modelo e recebeu não conselhos abstratos, mas mockups prontos com melhorias específicas.

Dois Produtos

O teste foi realizado pelo colaborador da ZDNet David Gewirtz. Ele usou o ChatGPT Plus por $20 por mês e carregou screenshots de duas interfaces reais nas quais está trabalhando para o Images 2.0.

A primeira é um aplicativo Mac que ele tem construído junto com Claude Code desde janeiro de 2026. A segunda é a página inicial de um produto de segurança web. O momento-chave é que o modelo não apenas descreveu o que não gostava, mas produziu novas opções visuais que já poderiam ser discutidas como rascunhos de design.

De acordo com o autor, isso muda todo o cenário de trabalho com gráficos AI. Anteriormente, esses sistemas criavam principalmente "imagens bonitas" e podiam oferecer um conjunto de recomendações gerais de interface. Agora o modelo compreende melhor a estrutura da tela e pode sugerir redesigns significativos: reestruturar a hierarquia, destacar zonas de atenção e mostrar como tudo fica no formulário montado.

Ideias para Mac

O primeiro experimento envolveu um aplicativo Mac com uma tela bastante saturada: botões grandes à esquerda, uma grade de padrões, um painel de detalhes e controles parcialmente carregados da versão iPhone. O autor pediu ao ChatGPT para "tornar a interface mais atraente e conveniente". A versão completa que o modelo retornou não apelou inicialmente a ele: a AI removeu os botões coloridos importantes para a marca e não compreendeu totalmente os modos de visualização inferiores. Mas dentro do mockup ele encontrou várias soluções que planeja implementar realmente. Aqui estão as ideias que o autor levou para seu trabalho:

• uma zona superior mais clara acima da grade, onde a estrutura da tela é mais fácil de ler
• espaçamento aumentado entre miniaturas para que a seleção de elementos pareça mais limpa
• um bloco de ações mais bem-sucedido na parte inferior esquerda em vez da anterior iconografia
• uma opção separada de favoritos que não existia no aplicativo antes
• um campo permanente Added/Updated na parte inferior do painel de detalhes

A principal conclusão deste teste não é que a AI desenhou uma interface perfeita na primeira tentativa. O valor se mostrou em algo diferente: o modelo agiu como um revisor externo rápido e compilou um pacote de ideias específicas que o desenvolvedor talvez não tivesse percebido. Além disso, tal mockup já pode ser usado como um briefing visual para Claude Code, então você não precisa explicar o resultado desejado apenas com palavras.

Design Web para a Tarefa

No segundo caso, tratava-se da página inicial de um produto de segurança. De acordo com o autor, seu estado atual era limpo, mas bastante primitivo — em grande parte porque ele não gosta de escrever CSS. Curiosamente, a análise começou quase por acaso aqui: ele colou o screenshot no ChatGPT e pressionou Enter antes de conseguir terminar de escrever o prompt. O modelo analisou a página por si próprio e imediatamente apontou as áreas problemáticas.

"Os principais problemas são hierarquia visual fraca, muito cinza, um

bloco introdutório longo e três cartões igualmente destacados abaixo."

Depois disso, o ChatGPT sugeriu uma estética admin mais moderna: cartões brancos em vez de grandes painéis cinzas, bordas suaves, mais espaço entre seções, uma cor de destaque para botões e links, linhas mais curtas de texto principal e melhor contraste entre títulos e texto comum. Em seguida, o autor pediu não uma análise, mas uma imagem da interface atualizada — e recebeu um novo mockup que poderia ser usado como próximo passo para trabalhar com Codex. Na versão gerada, a AI até inventou um logotipo porque o screenshot original não tinha um.

Mas o mais importante é isto: o modelo reprioralizou a página de forma diferente. Destacou zonas separadas para Quick Setup, Need Help e Configure Privacy/View Docs, mostrando ao usuário pontos de entrada claros. Além disso, adicionou um bloco Site Status na parte inferior — uma função que o autor havia pensado anteriormente mas adiou devido à complexidade da implementação para plugins freemium.

O Que Isso Significa

Para desenvolvedores solo, isso parece um cenário muito prático: em poucos minutos, obtenha tanto uma revisão UX quanto um protótipo que anteriormente poderia ter levado uma equipe de designers e desenvolvedores aproximadamente uma semana. ChatGPT Images 2.0 não substitui completamente um designer de produtos e não garante um resultado perfeito desde a primeira geração. Mas a combinação de análise visual, mockup e transferência subsequente de tarefas para Claude Code ou Codex encurta significativamente o caminho de uma interface bruta para uma melhoria implementável.