Cómo Generar Capturas de Pantalla para App Store con Cursor: Guía Paso a Paso

Si eres uno de los muchos desarrolladores que ha trasladado partes de su flujo de trabajo a Cursor —el asistente de codificación con IA y editor para hackers que está conquistando la escena indie en Twitter— probablemente tienes tu código, tus commits y pruebas funcionando en esa ventana. Pero lanzar una app implica más que solo código. En algún momento, necesitas capturas de pantalla de alta conversión para App Store o Google Play, y esas frenan tu ritmo de un modo que ningún docstring podría.

Aquí te explico cómo creo un set de capturas listas para la tienda para iOS y Android directamente desde mi Mac—principalmente en Cursor, con un breve desvío al navegador para la generación y exportación. Este es un flujo rápido e iterativo. Si quieres pasarle el trabajo a un diseñador para que lo ajuste en Figma, estás en la página equivocada. Si odias perder un día exportando PNGs del simulador y reconstruyendo el mismo diseño diez veces, sigue leyendo.

Paso 1: Captura tus capturas de pantalla del simulador

Ejecuta tu app en el Simulador de Xcode o en un dispositivo conectado. Para App Store Connect, necesitarás imágenes en varios tamaños. Para iOS, definitivamente quieres capturas desde los 6.7" (iPhone 14/15 Pro Max, 1284x2778) y 6.5" (iPhone 12/13 Pro Max, 1242x2688). Para Android, Google Play lista todos los tamaños posibles, pero 1080x1920 es la medida media para teléfonos. La documentación de Apple detalla las dimensiones requeridas, pero ten en cuenta que rutinariamente descontinúan dispositivos, así que revisa requisitos de App Store Connect antes de perder tiempo.

Para tomar una captura en el Simulador, Command+S genera un PNG en tu escritorio. (Si estás en la era iOS 17 y ese atajo no funciona, prueba con Archivo > Guardar captura de pantalla.) En Android, ejecuta tu app en el emulador de Android Studio y presiona el botón de cámara o Control+S. Sincroniza estas imágenes en la carpeta /screenshots de tu proyecto si quieres mantener todo versionado—Cursor facilita cambiar entre carpetas, así que no hay razón para no hacerlo.

Paso 2: Selecciona las pantallas a usar

No incluyas todas las pantallas en el listado de la app. Quieres máximo 5, mostrando los flujos más pulidos: onboarding, función principal, muro de pago y (si tu app es B2B o con flujos complejos) cualquier pantalla que transmita valor rápido. Si las capturas requieren datos de usuario, usa contenido demo realista — estados poco poblados matan la conversión. Yo reviso el orden de pantallas en apps top de tu categoría (p. ej., Duolingo, Sudoku.com) como referencia. Evita espacios largos vacíos o cualquier cosa que pueda parecer un error.

Paso 3: Revisa las pautas y límites de texto de la tienda

Apple revisa y rechaza por desbordes de texto, logos con copyright y artefactos en la UI. A Google le importa menos el acabado, pero aún así quiere capturas que representen la funcionalidad real de la app. Si planeas superponer texto, mantén los llamados a frases simples (20–30 caracteres funcionan para titulares, o aproximadamente la mitad del ancho de pantalla de un iPhone a 14 pt). Si quieres traducir, considera que en alemán o ruso las frases suelen ser más largas que en inglés.

He visto apps de productividad muy nicho perder semanas agregando traducciones. A menos que ya estés rankeando top 100 en tu país, evita traducir en el lanzamiento y vuelve a ello cuando tengas tráfico internacional real.

Paso 4: Genera capturas listas para la tienda con ScreenshotWhale

Aquí el flujo se sale de Cursor por un par de minutos. Las capturas crudas del simulador son muy "developer": barras en blanco, fondos duros y recortes pobres. Para la conversión, para parecerse a las apps detrás de Headspace o Calm, necesitas marcos acorde a la marca, biseles de dispositivo y textos concisos. Las plantillas de Figma hacen el trabajo (más o menos), pero para velocidad y consistencia genero las mías con ScreenshotWhale. Tienen plantillas listas para editar con marcos modernos y tamaños para App Store/Google Play. Sube tus PNGs, coloca las capturas en las plantillas, escribe tus leyendas y selecciona acentos de color. Todo se exporta en las dimensiones exactas que pide cada tienda. Incluso puedes hacer ediciones menores (como recorte o tipo de dispositivo) directamente en el navegador, lo que es mejor que abrir Sketch o Affinity Designer para cada cambio pequeño.

Si tienes un color de marca, aplícalo de fondo antes de exportar. (Siempre hay un fundador por ahí usando degradados pastel como si fuera 2021. Evita textos deslavados sobre fondos brillantes — la legibilidad siempre gana.) Si la UI de tu app es modo oscuro, usa el estilo de plantilla que coincida para mejor continuidad; no pongas un marco blanco de teléfono en una UI mayormente negra.

Paso 5: Exporta y organiza los sets finales

Exporta los tamaños individuales que cada tienda requiere (App Store Connect: 6.7", 6.5"; Google Play: 1080x1920 o el que exija el formulario para tablets o teléfonos). Algunos desarrolladores saltan iPhones o iPads antiguos en el lanzamiento—Apple hará un reescalado de capturas de 6.7", pero revisa el diseño de tu app en esas pantallas o terminarás con UI recortada y dolores de cabeza para soporte. Guarda tus archivos con nombres claros: 01-onboarding-iphone15pro.png en vez de IMG_8432.png. Yo mantengo un historial de versiones de cada ronda de capturas en el repositorio, sobre todo para apps que iteran semanalmente o hacen pruebas A/B del texto visual.

Bonus: Automatizando rondas de capturas

Si estás haciendo scripts para builds o buscas un proceso de lanzamiento basado en Markdown en Cursor, puedes conectar scripts shell (herramientas de línea de comando de Simulator, adb para Android) para generar capturas en cada build. Envía las imágenes crudas a una carpeta en la nube y luego impórtalas en ScreenshotWhale para producir los visuales. Aún no he enlazado esta parte con las APIs de subida a las tiendas, pero conozco testers con pipelines automatizados de capturas de pantalla end-to-end. Cuantas más versiones publiques, más valioso será tu tiempo—no lo malgastes en tareas repetitivas.

¿Qué pasa con UI generada por IA?

Si tu app usa IA o es muy visual (piensa en Arc, Lensa AI o cualquier editor de fotos), tus capturas deben mostrar el producto y la magia. Los chat completions o fragmentos de código de Cursor poco ayudan aquí. Necesitas visuales que despierten deseo, no solo documenten funcionalidad. A veces uso Midjourney o DALL-E para crear fondos aspiracionales, pero he visto que en el 99% de las apps, las superposiciones sobre UI real vencen a renders fantasiosos. Demasiado pulido falso te puede marcar en revisiones si tu app no ofrece realmente esos visuales.

Enviar y actualizar

Cuando tengas las capturas, súbelas directamente en App Store Connect o Play Console. Revisa las cargas en fondos claros y oscuros; App Store mostrará tus visuales con blanco, mientras Play usa negro en algunos listings. Una leve desalineación aquí puede hundir tu tasa de conversión rápidamente. Si detectas errores de renderizado en la vista previa de la tienda, regenera y exporta de nuevo—no te conformes, porque los revisores no lo harán.

Pruebo los listings finales en dispositivos reales usando TestFlight (beta pública) o tracks internos de Google Play — pidiendo feedback directo a usuarios o lanzando un llamado por Twitter para ojos frescos. La mayoría de errores y recortes malos los detectan allí, no en el editor.

Última recomendación: velocidad sobre perfección

Cursor está pensado para velocidad de desarrollo, no para diseño. Fuérzate a iterar capturas rápido y con repetición en lugar de buscar una perfección absoluta en una sola ronda. La mayoría de indies se sobreinvierten en su primer set de capturas y terminan cambiándolas después del lanzamiento de todos modos. Entrega algo limpio y enfocado, actualiza con feedback y guarda tus fuerzas para lanzar funciones, no para ajustar pixeles de capturas por días.