Cómo crear screenshots para Play Store y App Store con marcos de dispositivo
Paso a paso para diseñar screenshots de tiendas: capturas reales, marcos iPhone/Pixel/Galaxy, captions ASO, estilos y export ZIP sin Photoshop.
De captura cruda a ficha que convierte
Tomar un screenshot del emulador y subirlo a la consola es el mínimo. Para competir necesitas mockups: dispositivo + fondo + mensaje. Esta guía es el flujo completo sin Photoshop ni Figma obligatorios.
Paso 1 — Define el guion (antes de diseñar)
Escribe 3–5 frases de beneficio en lenguaje de usuario. Ejemplo:
- “Organiza tu día en 2 minutos”
- “Sincroniza en todos tus dispositivos”
- “Privacidad sin complicarte”
Cada frase será el caption de una slide.
Paso 2 — Captura UI real
- Usa datos realistas (no “Test User 1”)
- Oculta barras de debug
- Muestra el estado “wow” de la feature (resultado, no solo formulario vacío)
Exporta PNG/JPEG limpios desde Simulator, emulador o dispositivo.
Paso 3 — Elige plataforma y marco
| Destino | Herramienta |
|---|---|
| Google Play (general) | Screenshots Play |
| App Store / iPhone | Screenshots iOS |
| Pixel | Screenshots Pixel |
| Galaxy | Screenshots Galaxy |
| Todos los dispositivos | Editor completo |
Paso 4 — Monta el mockup
- Crea una slide por captura
- Ajusta escala/posición del screenshot dentro del marco
- Elige fondo (sólido, degradado, mesh) alineado a tu marca
- Añade caption (fuente, peso, sombra, alineación)
- Opcional: aplica un estilo de apps como punto de partida y personaliza
Paso 5 — Exporta e itera
Descarga el ZIP e impórtalo a Play Console o App Store Connect. Anota la conversión de la ficha 7–14 días. Cambia solo el set de screenshots o solo el icono para medir impacto (ASO creativo).
Guardar el diseño para continuar después
Si trabajas en varias sesiones, usa Guardar en el editor: sin sesión te pedirá entrar y puede crear una app asociada. Así retomas marcos, captions y capturas más tarde.
Completa la ficha
- Iconos Play / Iconos iOS
- Feature graphic
- Política de privacidad y términos en subdominio (AppConsol)
Conclusión
Buenas screenshots = guion claro + UI real + marco coherente + caption corto. Genera el set en el navegador y publícalo el mismo día.