Preisseiten-Mockup

Drei Tarife mit hervorgehobenem „Beliebteste“-Plan, Monat/Jahr-Schalter und Feature-Checklisten.

Screenshot hier ablegen

Größe

Format

Dein Bild bleibt in deinem Browser – nichts wird hochgeladen.

Die Preistabelle ist einer der meistbesuchten Screens jedes SaaS. Diese Vorlage zeichnet die Tarife Starter, Pro und Business mit hervorgehobenem Mittelplan, Abrechnungsschalter und Features mit Häkchen – und auf dem Smartphone eine gestapelte Tarifauswahl.

Beispiele

Preise · BrowserPreise · BrowserPreise · iPhone · LinksPreise · iPhone · LinksPreise · MacBook · RechtsPreise · MacBook · RechtsPreise · Desktop · Von oben · DunkelPreise · Desktop · Von oben · Dunkel

So funktioniert’s

  1. Bildschirm wählen

    Einen von 18 Oberflächentypen (je 5 Layouts) oder deinen eigenen Screenshot. Klicke auf „Neue Variante“, bis es passt.

  2. Gerät wählen

    iPhone 17 Pro, iPhone Air, MacBook Pro oder MacBook Air – oder ein Browserfenster.

  3. Herunterladen

    Ansicht und Hintergrund wählen und PNG, JPG oder WebP in hoher Auflösung laden. Auch mit transparentem Hintergrund.

Fragen

Gibt es weitere Preis-Layouts?

Ja. „Neue Variante“ wechselt zwischen 5 Layouts: Tarifkarten, Funktionsvergleichstabelle, zwei Tarife nebeneinander, nutzungsbasierter Regler und dunkle Preisseite.

Kann ich meine Markenfarbe nutzen?

Der hervorgehobene Tarif nutzt die Akzentfarbe – wähle eine von 8 Farben.

Gibt es einen mobilen Preis-Screen?

Ja, auf dem iPhone bekommst du eine mobile Tarifauswahl.

Ist UI Generator kostenlos?

Ja. Alle Oberflächen, Geräte, Ansichten und Exportgrößen sind kostenlos, ein Konto brauchst du nicht. Die Bilder darfst du auch kommerziell nutzen.

Kann ich meinen eigenen Screenshot auf ein iPhone oder MacBook setzen?

Ja. Klicke auf „Eigener Screenshot“, ziehe ein Bild auf die Vorschau oder füge es mit Strg/Cmd+V ein. Das Bild wird im Browser verarbeitet und nie hochgeladen.

Weitere Mockups

Mockups nach Bildschirmtyp


Mockups nach Gerät