Eine Alternative zu ScreenshotFramer,die Sie sich tatsächlich ansehen können.
ScreenshotFramer rahmt und liefert Screenshots vom Terminal aus, was die richtige Form für CI ist und die falsche Form für Design: Eine Bildunterschrift in einer Konfigurationsdatei ist eine Bildunterschrift, die niemand sieht, bis das Rendering fertig ist. ScreenMocks ist die visuelle Hälfte, und es verlangt nicht, dass Sie die automatisierte aufgeben.
Gestalten, wo Sie es sehen können
Ein echter Canvas: Schrift, Hintergründe, Gerätehüllen, Effekte. Keine Konfigurationsdatei zwischen Ihnen und dem Layout.
Weiterhin automatisierbar
Der MCP-Connector lässt Claude Code, Cursor oder Codex einen Satz bauen und exportieren, was die moderne Form derselben Idee ist.
Sprachversionen ohne je einen eigenen Ordner
48 App-Store-Sprachversionen aus einem Design, mit einer Überschreibung dort, wo eine Übersetzung zu lang wird.
Funktion für Funktion
Jede Zeile wird gegen die eigene öffentliche Preisseite, Dokumentation und Live-App jedes Produkts geprüft. Wenn eine Funktion nirgends öffentlich dokumentiert ist, sagt die Zelle das, statt zu raten.
| Funktion | ScreenMocks | ScreenshotFramer |
|---|---|---|
| Wie Sie gestalten | ||
| Visueller Canvas-Editor | Konfigurationsdatei | |
| Das Layout vor dem Rendering sehen | ||
| Gestaltung | ||
| Vorlagen für Store-Screenshots | 40+ | |
| Gerätehüllen | 33 | Eigene mitbringen |
| 3D-GerätemodelleEchte GLTF-Modelle, gerendert im Browser | Kostenloses Tool | |
| Automatisierung | ||
| Läuft in CI | Über MCP | |
| Erfasst Screenshots aus einer Testsuite | ||
| Workflow | ||
| MCP-Connector für Claude, Cursor und Codex | ||
| Größen und Sprachen | ||
| Jede Store-Größe aus einem DesignPositionen und Texte vererben sich über die Größenachse | ||
| Layout-Überschreibungen pro GrößeEine Ebene nur auf dem iPad verschieben, alle anderen Größen unberührt lassen | ||
| App-Store-Sprachversionen | 48 | Unterschiedlich |
| Layout-Überschreibungen pro SprachversionDie Überschrift für Deutsch verkleinern, ohne Englisch anzufassen | ||
| Unterschiedliche Screens je GrößeSechs Screenshots auf dem iPhone, drei auf dem iPad, ein Projekt | ||
| Workflow | ||
| Eine Figma-Datei als Projekt importieren | ||
| Direkter Upload zu App Store Connect | Unterschiedlich | |
| Einen Ordner mit Aufnahmen ablegen und jeden Screen füllen | ||
| Export und Preise | ||
| Unbegrenzte Projekte, Screens und Exporte, kostenlos | Open Source | |
| Rendering läuft in Ihrem BrowserScreenshots werden nie irgendwohin zum Zusammensetzen gesendet | Lokal | |
Ein Design.Jede Größe, die Apple und Google verlangen.
Zeichnen Sie den Screen einmal auf iPhone 6.9. Jede andere Größe im Projekt liest davon ab, sodass der iPad-Satz, der Android-Satz und jede eigene Größe, die Sie hinzufügen, schon gestaltet sind. Fixieren Sie eine Ebene auf einer Größe, und sie bleibt dort fixiert, und nur dort.
- Eine Gerätehülle folgt der Größe: ein auf dem Play-Tab gezeichnetes iPhone rendert als Pixel
- Sechs Screenshots auf dem iPhone und drei auf dem iPad aus demselben Projekt ausliefern
- Der Export schreibt jede Größe und Sprache in eine ZIP-Datei, Ordner für Ordner
Ein Design, vier Größen, nichts neu gezeichnet.
Wenn das Deutsche zu lang wird,korrigieren Sie das Deutsche.
Jedes Tool in dieser Kategorie übersetzt heute in großen Mengen. Was kaputtgeht, ist der Screenshot, bei dem die übersetzte Überschrift 40 Prozent länger ist als die englische und mit dem Telefon kollidiert. In ScreenMocks kann jede Ebene eine Überschreibung pro Sprachversion tragen, sodass Sie genau diese eine Überschrift in genau dieser einen Sprache verkleinern, und die anderen 47 bleiben genau so, wie Sie sie entworfen haben.
- 48 App-Store-Sprachversionen, rechts-nach-links eingeschlossen
- Überschreibungen gelten pro Sprachversion, pro Größe oder pro exakter Zelle
- Die KI-Übersetzung füllt nur leere Zeilen und überschreibt nie eine selbst geschriebene Zeile
Eine Überschreibung. Siebenundvierzig andere Sprachen unangetastet.
Bringen Sie eine Figma-Datei mit.Oder einen Agenten.
Wenn das Design schon in Figma existiert, importieren Sie es als Projekt: Der Text bleibt bearbeitbar, damit er lokalisiert werden kann, und alles, was sich nicht exakt darstellen lässt, wird von Figma gerendert und als Bild übernommen statt angenähert. Wenn Sie lieber gar kein Design-Tool öffnen wollen, lässt der MCP-Connector Claude Code, Cursor oder Codex den ganzen Satz über dieselbe API bauen und bearbeiten, die der Editor nutzt.
- Ihr Figma-Token erreicht nie einen ScreenMocks-Server
- Agenten lesen einen Layout-Bericht, damit sie sehen können, was sie gebaut haben, und es korrigieren
- Was ein Agent auch baut, öffnet sich im Editor als normales Projekt
Beide Connectors sind in jedem kostenpflichtigen Plan enthalten, den einmaligen Pass eingeschlossen.
Was jedes einzelne kostet
Preise wie veröffentlicht am 24. August 2026. Prüfen Sie die eigene Seite von ScreenshotFramer, bevor Sie sich entscheiden.
- Kostenloser Plan: unbegrenzte Projekte, Screens, Größen und Exporte
- Kostenpflichtig entfernt das Wasserzeichen und schaltet alle 48 Sprachversionen frei
- Figma-Connector und MCP-Connector in jedem kostenpflichtigen Plan
- Der Launch Pass läuft nie ab und verlängert sich nie
Der Umstieg dauert etwa zwanzig Minuten
Sie brauchen die Aufnahmen Ihrer App, die Sie bereits haben.
Weiter erfassen, wie Sie erfassen
Was auch immer heute Ihre rohen Screens erzeugt, in CI oder von Hand, erzeugt sie weiterhin. An dieser Hälfte muss sich nichts ändern.
Den Ordner auf den Canvas ziehen
Lassen Sie die Aufnahmen los, und sie füllen die leeren Displays der Reihe nach, eines pro Screen, jeweils mit einer echten Gerätehülle drumherum.
Einmal gestalten, alles exportieren
Fügen Sie die Größen und Sprachversionen hinzu, die das Listing braucht, und exportieren Sie dann eine nach Größe und Sprache geordnete ZIP-Datei, oder übertragen Sie direkt zu App Store Connect.
Fragen, die vor dem Wechsel gestellt werden
Kann ich weiter ScreenshotFramer nutzen?
Ja, und für das Erfassen sollten Sie das wahrscheinlich auch. ScreenshotFramer ist gut darin, Simulatoren zu steuern und rohe Screens reproduzierbar zu erzeugen. Was es nicht gut kann, ist Design, weil das Layout in einer Konfigurationsdatei lebt. Erfassen dort, gestalten hier.
Funktioniert ScreenMocks in CI?
Über den MCP-Connector, ja: Ein Agent kann ein Projekt anlegen, Aufnahmen platzieren, Texte schreiben und übersetzen und exportieren, mit derselben API, die der Editor nutzt. Es gibt kein separates CLI, und der ehrliche Grund dafür ist, dass ein Headless-Renderer eine zweite Implementierung wäre, die vom Canvas abweichen könnte.
Ist der Export kompatibel mit dem, was ich schon habe?
Die ZIP-Datei ist nach Größe und Sprachversion geordnet, was der Form entspricht, die Upload-Tools erwarten. Sie können die Datei auch ganz überspringen und direkt aus dem Browser zu App Store Connect übertragen.
Ist es kostenlos?
ScreenshotFramer ist Open Source und kostenlos. ScreenMocks ist kostenlos mit einem Wasserzeichen auf Exporten, $9.99 im Monat ohne, oder einmalig $149. Projekte, Screens, Größen und Exportvolumen sind in jedem Plan unbegrenzt.
Den Satz einmal bauen.In 48 Sprachen ausliefern.
Kostenloser Plan, keine Karte, und jede Größe exportiert ab der ersten Minute. Bringen Sie eine Figma-Datei mit, oder starten Sie mit einer Vorlage.
Pro kostet $9.99 im Monat. Der Launch Pass kostet einmalig $149 und verlängert sich nie.
ScreenMocks hat diesen Vergleich veröffentlicht und verkauft eines der darin enthaltenen Produkte. ScreenshotFramer ist eine Marke seines Inhabers und steht in keiner Verbindung zu ScreenMocks. Die Angaben wurden am 24. August 2026 geprüft und werden vierteljährlich überprüft. github.com prüfen. Veraltet?