Como escrever prompts do GPT Image para mockups de UI
Como criar prompts no GPT Image 2 para dashboards, telas de apps e mockups de dispositivos com layouts previsíveis e rótulos legíveis.
Bons prompts do GPT Image para mockups de UI nomeiam o produto, a tela e seus principais componentes, o dispositivo ou a moldura em que ela aparece, o estilo visual e o texto exato que precisa ser legível. Liste os componentes em ordem de leitura e mantenha curto o texto na tela, porque o modelo renderiza alguns rótulos grandes com muito mais confiabilidade do que parágrafos de texto de interface.
Descreva a tela como um wireframe
Comece pela finalidade da tela e pelo que ela contém, na ordem em que um usuário a leria: navegação, cabeçalho, conteúdo principal, painéis secundários e ações. O modelo organiza os componentes de forma mais previsível quando eles são listados do que quando ficam implícitos em uma palavra de estilo como dashboard moderno.
- Nomeie o produto e a tela: “dashboard de análise para uma ferramenta SaaS de faturamento” ou “tela de onboarding para um app de meditação”.
- Liste as áreas em ordem: navegação lateral, barra superior com busca, três cards de KPI, um gráfico de linhas e uma tabela de transações recentes.
- Defina a densidade: espaçamento generoso, cards de tamanho uniforme, alinhamento claro.
Escolha a moldura: tela plana, dispositivo ou cena
Decida se você precisa de uma captura plana da interface para um estudo de caso, de um mockup de dispositivo para uma landing page ou de uma cena fotografada para marketing. Cada opção pede uma redação diferente.
- Plana: “screenshot de UI plana, sem moldura de dispositivo, 16:9”.
- Dispositivo: “em um notebook fino levemente inclinado, tela voltada para a câmera, reflexos suaves”.
- Cena: “notebook sobre uma mesa de madeira sob luz natural do dia, pouca profundidade de campo”; espere uma interface menor e menos legível.
Mantenha o texto da interface curto e exato
Texto legível é a falha mais comum em UIs geradas. Coloque entre aspas os poucos rótulos que importam e deixe o restante implícito como linhas de texto de preenchimento.
- Cite títulos e botões exatamente: “Receita”, “Fazer upgrade do plano”.
- Peça linhas de texto de preenchimento para o corpo do texto.
- Evite tabelas longas com dados reais; em vez disso, peça cinco linhas de transações de exemplo.
Especifique o sistema visual
Palavras de estilo como glassmorphism ajudam, mas um sistema visual curto gera resultados mais consistentes em várias telas.
- Cor: fundo, superfície, cor de destaque principal e cores de status.
- Tipografia: uma família sem serifa, uma hierarquia clara de pesos e contraste de tamanho entre títulos e rótulos.
- Componentes: raio dos cantos, sombras, bordas e estilo dos ícones.
Checklist do prompt
- O produto, a finalidade da tela e o público estão definidos.
- Os componentes estão listados em ordem de leitura.
- A moldura foi escolhida: captura plana, dispositivo ou cena.
- Apenas textos curtos e entre aspas precisam ser legíveis.
- Cor, tipografia e estilo dos componentes estão definidos.
- A proporção corresponde ao destino: 16:9 para desktop, 9:16 para celular.
Perguntas frequentes
O GPT Image 2 consegue criar um design de UI utilizável?
Ele produz conceitos visuais e mockups convincentes para apresentações, landing pages e moodboards. Trate o resultado como referência visual, não como design de produção, porque espaçamento, ícones e textos pequenos não são precisos o bastante para serem entregues como especificação.
Como consigo texto legível em um mockup de UI?
Limite o texto legível a poucos rótulos entre aspas, deixe-os grandes e descreva todo o resto como linhas de preenchimento. Palavras curtas em uma fonte sem serifa limpa são as que saem com mais confiabilidade.
Como mantenho várias telas consistentes?
Reutilize o mesmo parágrafo de sistema visual em todos os prompts e mude apenas a descrição da tela. Telas geradas a partir de um mesmo template ficam mais parecidas do que telas descritas do zero.
Modelos de prompt relacionados
Use este guia com prompts reais
Explore modelos de prompt da categoria correspondente na biblioteca e adapte a estrutura ao seu próprio fluxo de trabalho de imagens.