Como Gerar Capturas de Tela para a App Store com Cursor: Um Guia Passo a Passo

Se você é um dos muitos desenvolvedores que migraram partes do seu fluxo de trabalho para o Cursor — o assistente de codificação/hacker AI que está dominando a cena indie no Twitter — provavelmente tem seu código, seus commits e seus testes todos rodando nessa janela. Mas lançar um app envolve mais do que apenas código. Em algum momento, você vai precisar de capturas de tela com alta conversão para a App Store ou Google Play, e isso freia seu ritmo de um jeito que nenhuma docstring conseguiria.

Aqui está como eu construo um conjunto de capturas de tela prontas para a loja para iOS e Android direto do meu Mac — principalmente no Cursor, com um breve desvio para o navegador para geração e exportação. Esse é um fluxo rápido e iterativo. Se você quer passar para um designer ficar mexendo no Figma, você está na página errada. Se odeia perder um dia exportando PNGs do simulador e reformulando o mesmo layout dez vezes, continue lendo.

Passo 1: Capture as Capturas no Simulador

Execute seu app no Simulator do Xcode ou num dispositivo conectado. Para o App Store Connect, você precisará de imagens em vários tamanhos. Para iOS, é essencial capturar nas telas de 6,7" (iPhone 14/15 Pro Max, 1284x2778) e 6,5" (iPhone 12/13 Pro Max, 1242x2688). Para Android, o Google Play lista todos os tamanhos de dispositivos possíveis, mas 1080x1920 é o tamanho padrão para smartphones. A documentação da Apple detalha as dimensões exigidas, mas esteja ciente de que eles descontinuam dispositivos rotineiramente, então confira as exigências do App Store Connect antes de perder tempo.

Para tirar um print no Simulator, Command+S salva um PNG na sua área de trabalho. (Se você está na era iOS 17 e esse atalho não funciona, tente Arquivo > Salvar Captura de Tela.) No Android, rode seu app no emulador do Android Studio e clique no ícone de câmera ou use Control+S. Sincronize essas imagens na pasta /screenshots do seu projeto se quiser manter tudo versionado — o Cursor facilita o acesso às pastas, não há motivo para não fazer isso.

Passo 2: Escolha as Telas a Usar

Não coloque todas as telas na listagem do app. Você quer no máximo 5, mostrando os fluxos mais refinados: onboarding, função principal, paywall e (se seu app for B2B ou muito focado em fluxo de trabalho) qualquer tela que mostre valor rapidamente. Se as capturas necessitarem de dados do usuário, use conteúdo demo realista — estados pouco populados prejudicam a conversão. Eu avalio a ordem das telas nos apps mais bem classificados da sua categoria (ex.: Duolingo, Sudoku.com) como referência. Evite espaços vazios longos ou qualquer coisa que pareça bug.

Passo 3: Verifique as Diretrizes da Loja e Limites de Texto

A Apple revisa e rejeita capturas com textos que ultrapassam o limite, logos com direitos autorais e artefatos de UI. O Google é menos rígido com o acabamento, mas ainda quer capturas que representem funcionalidades reais do app. Se pretende adicionar sobreposições de texto, mantenha chamadas curtas (20–30 caracteres funcionam para títulos, ou cerca da metade da largura da tela do iPhone em 14pt). Se quer localizar, planeje frases mais longas para alemão ou russo comparado ao inglês.

Já vi apps nichados de produtividade gastar semanas adicionando traduções. A menos que você já esteja entre os 100 melhores no seu país, fuja de traduções no lançamento e volte a elas quando tiver tráfego real do exterior.

Passo 4: Gere Capturas Prontas para a Loja com ScreenshotWhale

Aqui o fluxo sai do Cursor por alguns minutos. Capturas de tela brutas do simulador parecem amadoras: barras em branco, fundos fechados e recortes ruins. Para conversão, para parecer com os caras por trás do Headspace ou Calm, você precisa de molduras da marca, bordas de dispositivo e textos sucintos. Templates do Figma ajudam (mais ou menos), mas para velocidade e consistência, eu gero as minhas com ScreenshotWhale. Eles têm templates prontos para editar com molduras modernas e tamanhos da App Store/Google Play. Faça upload dos seus PNGs, encaixe as capturas nos templates, escreva as legendas e escolha cores de destaque. Tudo é exportado nas dimensões exatas que cada loja exige. Você pode até fazer edições rápidas (como corte ou tipo de dispositivo) direto no navegador, o que é melhor do que abrir Sketch ou Affinity Designer para cada ajuste pequeno.

Se tiver uma cor da marca, aplique nos fundos antes de exportar. (Sempre tem algum fundador querendo colocar gradientes pastel como se fosse 2021. Evite textos lavados sobre fundos claros — legibilidade sempre vence.) Se a UI do seu app for dark mode, combine o estilo do template para melhor continuidade; não force uma moldura de celular branca numa UI predominantemente escura.

Passo 5: Exporte e Organize os Conjuntos Finais

Exporte os tamanhos individuais que cada loja exige (App Store Connect: 6,7", 6,5"; Google Play: 1080x1920 ou o que for pedido para tablets ou smartphones). Alguns devs pulam iPhones ou iPads mais antigos no lançamento — a Apple reduz as imagens de 6,7", mas cheque seu layout nessas telas para evitar UI cortada e dor de cabeça com suporte. Salve os arquivos com nomes claros: 01-onboarding-iphone15pro.png em vez de IMG_8432.png. Eu mantenho um histórico de versões das rodadas de capturas no repositório, especialmente para apps que iteram semanalmente ou testam visual A/B.

Bônus: Automatizando Rodadas de Capturas

Se você faz builds via script ou quer um processo de lançamento baseado em Markdown no Cursor, pode unir scripts shell (ferramentas de linha de comando do Simulator, adb para Android) para gerar capturas na build. Envie as imagens brutas para uma pasta na nuvem e depois importe para o ScreenshotWhale para gerar os visuais. Ainda não conectei esse passo às APIs de upload das lojas, mas conheço testadores rodando pipelines automáticas de capturas fim a fim. Quanto mais releases você lançar, mais valioso fica seu tempo — não o perca com tarefas repetitivas.

E Quanto à UI Gerada por IA?

Se seu app é movido por IA ou muito focado em UI (pense no Arc, Lensa AI ou qualquer editor de fotos), suas capturas precisam mostrar o produto e o mágico. Os chats no Cursor ou snippets de código não ajudam muito aqui. Você precisa de visuais que criem desejo, não só documentem funcionalidade. Às vezes, uso Midjourney ou DALL-E para criar um fundo aspiracional, mas 99% das vezes, sobreposições na UI real superam renders fantasiosos. Polimento falso demais pode gerar sinalizações dos revisores se seu app não entregar aquele visual.

Envio e Atualizações

Quando tiver as capturas, faça upload direto no App Store Connect ou Play Console. Confira os uploads em fundos claros e escuros; a App Store, especialmente, mostra seus visuais sobre branco, enquanto o Play usa preto para algumas listagens. Um desalinhamento pequeno aqui derruba sua taxa de conversão rapidinho. Se encontrar bugs de renderização na prévia da loja, regenere e exporte de novo — não aceite menos, porque os revisores também não aceitam.

Eu testo as listagens finais em dispositivos reais usando o fluxo público beta do TestFlight ou tracks internos do Google Play — chame usuários pelo direct ou no Twitter para uma revisão extra. A maioria dos bugs e cortes ruins é pega nessa fase, não no editor.

Última Revisão: Velocidade Sobre Perfeição

Cursor é feito para velocidade de desenvolvimento, não design. Invista em rodadas rápidas e repetíveis de capturas, em vez de perfeição milimétrica uma única vez. A maioria dos indies exagera na primeira rodada de capturas e acaba substituindo tudo depois do lançamento. Entregue algo limpo e focado, atualize conforme o feedback, e reserve sua energia para lançar funcionalidades, não para ficar cansando pixel de captura de tela por dias.