App Store und Play Store, ein Design.
React-Native-Apps leben standardmäßig in zwei Store-Ökosystemen. Der übliche Screenshot-Workflow sieht entweder Detox-gesteuerte UI-Tests für rohe Simulator-Aufnahmen vor — oder manuelles Design in Figma mit einem iPhone-Preset und einem Android-Preset nebeneinander. Screenshotify ist für den Moment gedacht, in dem du gestaltete Marketing-Screenshots willst — keine rohen Aufnahmen — und das für beide Stores gleichzeitig.
Ein typischer RN-Screenshot-Tag
- Nimm Quell-Frames auf — über Cmd+S im iOS-Simulator, die Screenshot-Schaltfläche des Android-Emulators oder echte Geräte-Screenshots per WebRTC-Kopplung.
- Öffne Screenshotify und bau das Karussell mit 3–5 Panels auf. Jedes Panel kann einen anderen Geräterahmen verwenden — so entsteht ein Karussell, das iPhone und Pixel visuell kombiniert.
- Füge Untertitel in der Ausgangssprache hinzu. Der Multi-Panel-Composer hält die Überschriftenstruktur panelübergreifend konsistent.
- Lokalisiere. Ein Klick übersetzt in alle 39 App-Store-Lokalisierungen. Prüfe die Lokalisierungen deiner aktiven Märkte — typischerweise EN, JP, DE, BR, KR, ES für globale RN-Apps.
- Exportiere. Ein ZIP mit den aktivierten App-Store-Größen (6.9", iPad 13" usw.) und der Play-Store-Größe (Standard: 1080 × 1920).
Alternativen im RN-Ökosystem
Detox oder react-native-testing-library mit Screenshot-Hilfsfunktionen liefern rohe Frame-Aufnahmen aus UI-Tests. Nützlich für die Quell-Screenshots — ersetzt aber nicht den Marketing-Kompositionsschritt. Fastlane snapshot funktioniert auf der iOS-Seite einer RN-App (das Xcode-Projekt ist echtes Xcode).
Die meisten RN-Teams setzen auf folgende Kombination: Quellen per Simulator oder Gerät aufnehmen, das Karussell in Screenshotify gestalten und das Projekt-JSON im selben Repository wie den Code versionieren.
Tipps für plattformübergreifendes Design
- Wähle ein Design-System pro Projekt und wende es auf iOS- und Android-Screenshots an — wechsle nicht die Schriften oder Farbschemata zwischen den Stores.
- Statusleisten unterscheiden sich. iOS zeigt per Konvention 9:41; Android zeigt die tatsächliche Uhrzeit. Screenshotify schaltet die iOS-Statusleiste pro Gerät um; Android übernimmt die OS-Statusleiste nativ aus dem Screenshot.
- Bottom-Nav vs. Tab-Bar. Schneide diese Elemente nicht ab — sie sind der Teil deiner App, den Nutzer im Karussell-Thumbnail am stärksten wahrnehmen.
- Das 5.5"-iPhone ist tot. Überspringe diese Größe, es sei denn, deine RN-App unterstützt noch iOS 13 (Minimum: iPhone 6s Plus).
Ratgeber: Funktionen · Anleitungen · Preise