App Store y Play Store, un solo diseño.
Las apps de React Native viven en dos ecosistemas de tienda predeterminados. El proceso de capturas suele implicar o bien pruebas de UI con Detox para capturas en bruto del simulador, o bien diseño manual en Figma con una preconfiguración de iPhone y otra de Android abiertas en paralelo. Screenshotify es para el momento en que quieres capturas de marketing diseñadas — no capturas en bruto — y las quieres para las dos tiendas a la vez.
Un día típico de capturas en RN
- Toma las capturas de origen desde la app en ejecución — Cmd+S en el simulador de iOS, el botón de captura del emulador de Android, o capturas reales del dispositivo mediante la vinculación por WebRTC integrada en Screenshotify.
- Abre Screenshotify y construye el carrusel de 3–5 paneles. Cada panel puede usar un marco de dispositivo diferente, de modo que puedes crear un carrusel que mezcle visualmente iPhone y Pixel.
- Añade los textos en el idioma de origen. El compositor multi-panel mantiene la estructura del titular coherente entre paneles.
- Localiza. Traduce con un clic a las 39 localizaciones de App Store. Revisa las localizaciones donde están tus mercados activos (normalmente EN, JP, DE, BR, KR, ES para apps de RN globales).
- Exporta. Un ZIP con los tamaños de App Store que hayas activado (6.9", iPad 13", etc.) y el tamaño de Play Store (1080 × 1920 predeterminado).
Alternativas en el ecosistema de RN
Detox o react-native-testing-library con helpers de captura te darán capturas en bruto desde pruebas de UI. Útil para las capturas de origen; no reemplaza el paso de composición de marketing. Fastlane snapshot funciona en la parte iOS de una app de RN (el proyecto Xcode es Xcode real).
La mayoría de los equipos de RN acaban optando por: capturar las capturas de origen con el simulador o el dispositivo, diseñar el carrusel en Screenshotify y versionar el JSON del proyecto en el mismo repositorio que el código.
Consejos de diseño multiplataforma
- Elige un sistema de diseño por proyecto y aplícalo tanto a las capturas de iOS como a las de Android — no cambies tipografías ni esquemas de color entre tiendas.
- Las barras de estado son distintas. iOS muestra 9:41 por convención; Android muestra la hora real. Screenshotify activa o desactiva la barra de estado de iOS por dispositivo; en Android, la barra de estado del sistema queda en la captura de pantalla de forma nativa.
- Navegación inferior vs barra de pestañas. No recortes estos elementos — son la parte de tu app que más usuarios notan en la miniatura del carrusel.
- El iPhone de 5,5" ha quedado obsoleto. A menos que tu app de RN sea compatible con iOS 13 (mínimo iPhone 6s Plus), omite el tamaño de 5,5" por completo.