KI-Agent Mockup

Ein Workflow-Canvas mit Trigger, KI-Schritt und Aktionen – plus ein mobiler „Agent-Lauf“ mit Freigabe.

Screenshot hier ablegen

Größe

Format

Dein Bild bleibt in deinem Browser – nichts wird hochgeladen.

Agenten und Automatisierung sind überall. Diese Vorlage zeichnet einen visuellen Agent-Builder: gepunkteter Canvas, Trigger-Knoten, ein hervorgehobener KI-Schritt verbunden mit Slack, CRM und Antwort sowie ein Seitenpanel mit Anweisungen, Ausgaben, Kreativität und menschlicher Freigabe.

Die iPhone-Version zeigt einen Agent-Lauf als Schritt-Timeline mit einer vorgeschlagenen Antwort, die auf Freigabe wartet – ideal, um Human-in-the-Loop-KI zu erklären.

Beispiele

KI-Agent · Browser · LinksKI-Agent · Browser · LinksKI-Agent · MacBookKI-Agent · MacBookKI-Agent · iPhone · RechtsKI-Agent · iPhone · RechtsKI-Agent · Desktop · Von oben · DunkelKI-Agent · 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

Welcher Agent wird gezeigt?

Ein Support-Triage-Agent: Er liest eine neue E-Mail, klassifiziert und fasst sie mit KI zusammen, postet in Slack, aktualisiert ein Ticket und entwirft eine Antwort.

Geht das im Dark Mode?

Ja, stelle Farben auf Dunkel – Canvas, Knoten und Panel passen sich an.

Gibt es einen mobilen Screen?

Ja, die iPhone-Version zeigt den Agent-Lauf und einen Freigabeschritt.

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