Werkzeuge, um App- oder Website-Screens in Rahmen von Smartphone, Laptop oder Tablet zu setzen und ein Design auf Produkten wie T-Shirts, Verpackungen oder Visitenkarten zu zeigen. Kläre zuerst, wo das Bild landet: Store-Eintrag, Landingpage, Social Media oder Kundenpräsentation brauchen unterschiedliche Größen.
Gut zu wissen: Die Bedingungen der kostenlosen Nutzung hängen vom Tool und vom Tarif ab. Nennt eine Karte keine toolspezifische Grenze, prüfe Kontingente, Wasserzeichen und Exportbedingungen auf der offiziellen Seite.
Mockuuups Studio ist ein Mockup-Editor, in dem du dein Design auf Tausende Geräte- und Druck-Mockups ziehst; er ist im Browser, als Desktop-App und über Plugins für Figma, Sketch, Penpot und Adobe Express verfügbar.
Mockups erstellen
Placeit ist das webbasierte Design-Werkzeug von Envato und bietet Mockups für Bekleidung, digitale Geräte, Druck und Print-on-Demand-Produkte sowie einen Logo-Generator, Design-Vorlagen und Videowerkzeuge; unbegrenzte Downloads gibt es mit einem Abo.
Mockups erstellen
Rotato ist ein Mockup-Generator, der dein eigenes App- oder Webdesign auf den Bildschirmen von mehr als 30 fertigen 3D-Geräten platziert und daraus ein animiertes Video oder Bild macht; es gibt eine macOS-App und eine Web-Version als öffentliche Beta.
Mockups erstellen
Gut zu wissen: Installation auf dem Computer nötig.
Shots.so ist eine webbasierte Mockup-App, die Produkt-Screenshots mit Geräterahmen, Hintergründen und animierter Bewegung in Präsentationsbilder oder kurze Videos verwandelt.
Mockups erstellen
Lade deinen eigenen Screenshot oder Entwurf hoch und prüfe das Ergebnis in Originalgröße: Bleibt Text im Rahmen scharf, wirken Ecken und Spiegelungen natürlich? Exportiere dieselbe Szene in mehreren Größen und sieh, welche scharf bleibt.
Lies bei fertigen Mockup-Vorlagen auf der Lizenzseite die Bedingungen für kommerzielle Nutzung, Namensnennung und Weiterverkauf, und prüfe auf der offiziellen Seite, ob kostenlose Exporte ein Wasserzeichen oder eine Auflösungsgrenze haben. Manche Vorlagen brauchen ein separates Desktop-Programm wie Photoshop, andere laufen im Browser.
Darf ich Mockups für App-Store-Screenshots nutzen? Stores legen Screenshot-Größen und Inhaltsregeln fest; prüfe in den aktuellen Richtlinien, inwieweit Geräterahmen, Text oder Hintergründe akzeptiert werden.
Ist ein Mockup dasselbe wie ein Interface-Prototyp? Nein. Ein Mockup präsentiert ein fertiges Design in einer realistischen Szene, ein Prototyp lässt dich einen klickbaren Ablauf zwischen Screens ausprobieren. Für Ablauftests sieh dir Werkzeuge für UI-Design und Prototyping an.
Dieser Vergleich beruht auf veröffentlichten offiziellen Unterlagen. Er ist kein Praxistest und keine Qualitätsrangliste. Unbekannte Funktionen gelten nicht als bestätigt.
| Name der App | Wo willst du es nutzen? | Kostenlose Ausgabe | Ohne Anmeldung | Ohne Wasserzeichen | Offline nutzbar | Stapelverarbeitung | Inhaltssprache | Gut zu wissen / Quellen und Prüfdatum |
|---|---|---|---|---|---|---|---|---|
| Mockuuups Studio | Website | Ja | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Quellen und Prüfdatum |
| Placeit | Website | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Quellen und Prüfdatum |
| Rotato | Computer | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Installation auf dem Computer nötig. Quellen und Prüfdatum |
| Shots.so | Website | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt |