App Store et Play Store, un seul design.
Les apps React Native vivent par défaut dans deux écosystèmes de boutiques. La gestion des captures d'écran implique généralement soit des tests UI pilotés par Detox pour des captures brutes du simulateur, soit un design manuel dans Figma avec un preset iPhone et un preset Android ouverts côte à côte. Screenshotify est fait pour le moment où tu veux des captures marketing conçues — pas des captures brutes — et tu les veux pour les deux boutiques en même temps.
Une journée type de captures RN
- Capture les écrans sources depuis l'app en cours — Cmd+S dans le simulateur iOS, le bouton de capture de l'émulateur Android, ou des captures d'un vrai appareil via le couplage WebRTC intégré.
- Ouvre Screenshotify, construis le carrousel de 3 à 5 panneaux. Chaque panneau peut utiliser un cadre d'appareil différent, ce qui te permet de mélanger visuellement iPhone et Pixel dans un même carrousel.
- Ajoute des légendes dans la langue source. Le compositeur multi-panneaux maintient une structure de titre cohérente sur tous les panneaux.
- Localise. Traduction en un clic vers les 39 locales App Store. Relis les locales de tes marchés actifs (typiquement EN, JP, DE, BR, KR, ES pour les apps RN mondiales).
- Exporte. Un ZIP avec les tailles App Store activées (6.9", iPad 13", etc.) et la taille Play Store (1080 × 1920 par défaut).
Alternatives dans l'écosystème RN
Detox ou react-native-testing-library avec des helpers de capture te fourniront des captures brutes depuis les tests UI. Utile pour les captures sources ; ne remplace pas l'étape de composition marketing. Fastlane snapshot fonctionne côté iOS d'une app RN (le projet Xcode est un vrai Xcode).
La plupart des équipes RN adoptent : capturer les sources via le simulateur/appareil, concevoir le carrousel dans Screenshotify, versionner le projet JSON dans le même dépôt que le code.
Conseils de design multi-plateforme
- Choisis un système de design par projet et applique-le aux captures iOS et Android — ne change pas de polices ou de palette entre les boutiques.
- Les barres de statut diffèrent. iOS affiche 9:41 par convention ; Android affiche l'heure réelle. Screenshotify bascule la barre de statut iOS par appareil ; Android laisse la barre de statut du système dans la capture telle quelle.
- Navigation en bas vs barre d'onglets. Ne les coupe pas — c'est la partie de ton app que les utilisateurs remarquent le plus dans la vignette du carrousel.
- L'iPhone 5.5" est obsolète. Sauf si ton app RN cible iOS 13 (iPhone 6s Plus minimum), ignore entièrement la taille 5.5".
Apprendre: Fonctionnalités · Guides · Tarifs