Jetzt · verbindet sich per WebRTC mit deinem Smartphone Ausgabe 04 · 2026 Kostenlos designen · 19,99 €/Monat zum Veröffentlichen
Screenshotify
Für React-Native-Entwickler

App Store und Play Store, ein Design.

Kurzfassung. React-Native-Apps erscheinen in beiden Stores. Screenshotify exportiert beide erforderlichen Größenmatrizen aus einem einzigen Design — ohne zwei parallele Workflows in zwei Design-Tools.

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

  1. 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.
  2. Ö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.
  3. Füge Untertitel in der Ausgangssprache hinzu. Der Multi-Panel-Composer hält die Überschriftenstruktur panelübergreifend konsistent.
  4. 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.
  5. 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

Editor öffnen →