GPT Image 2.6 für UI-Design.

OpenAI hat ChatGPT Images 2.6 am 4. November 2026 veröffentlicht, zusammen mit zwei neuen API-Modellen: GPT-Image-2.6 Flare und Sunburst. Für UI-Arbeit sind vor allem Referenzbilder, SVG-Export, animierte GIFs und Bearbeitungen per Markierung nützlich. Hier erfährst du, was sich geändert hat und wie du es für App- und Website-Mockups nutzt.

Aktualisiert am 6. November 2026 · 7 Min. Lesezeit

Was neu ist in GPT Image 2.6

Verfügbar in ChatGPT und Codex. Laut OpenAI ist Images 2.6 in ChatGPT und Codex in allen Plänen verfügbar, im Web, auf dem Desktop und mobil.
Referenzbilder und GIFs. Mit dem Release bekommt ChatGPT Images animierte GIFs und Referenzbilder.
Zwei API-Modelle. gpt-image-2.6-flare ist das kleinere Modell für Workflows, in denen Geschwindigkeit am meisten zählt. gpt-image-2.6-sunburst ist das Basismodell für mehr Details und präzise Bearbeitungen. Laut OpenAI erzeugt Flare ein Bild in nur sechs Sekunden.
Neue Ausgabeformate. Neben PNG, JPEG und WebP können Generierungen auch svg und gif liefern. Beide Modelle unterstützen transparente Hintergründe.
Bearbeitungen per Markierung. Bei einer Bearbeitung kannst du ein transparentes Overlay hochladen, zum Beispiel mit einem Kreis um ein Element, und die Änderung beschreiben.
Eine Komplexitätseinstellung. complexity (low, medium oder high) steuert, wie viel das Modell vor dem Rendern plant. Beide Modelle stehen standardmäßig auf high.

Flare vs. Sunburst

Modell	Ideal für	Im UI-Design
GPT Image 2.6 Flare	Geschwindigkeit	Viele Layout- oder Stilideen schnell durchspielen
GPT Image 2.6 Sunburst	Details und präzise Bearbeitungen	Finale Mockup-Bilder, kleiner UI-Text, ein Element ändern, ohne den Rest anzutasten

Die Umstiegsempfehlung von OpenAI: Wenn du GPT Image 2.5 Flare genutzt hast, starte mit 2.6 Flare; wenn du 2.5 Sunburst genutzt hast, starte mit 2.6 Sunburst. Erfüllt Sunburst deine Qualitätsansprüche, probier Flare mit demselben Prompt und vergleiche.

So nutzt du es fürs UI-Design

In ChatGPT: Bitte im Chat um das Mockup und häng Referenzen an, falls du welche hast.
In Codex: Beschreib das Bild oder schreib $imagegen in den Prompt, um den Skill zur Bildgenerierung ausdrücklich aufzurufen. Häng ein Referenzbild an, um das Ergebnis zu lenken.
Über die API: Ruf den Endpoint für Bildgenerierungen mit gpt-image-2.6-flare oder gpt-image-2.6-sunburst auf.

Die Empfehlung von OpenAI für Interface-Vorschauen: Beschreib das Produkt, als gäbe es es schon, konzentrier dich auf Layout, Hierarchie, Abstände und echte Interface-Elemente und vermeide Concept-Art-Sprache, damit das Ergebnis wie eine ausgelieferte Oberfläche aussieht und nicht wie eine Skizze. Setz jeden exakten Text in Anführungszeichen.

Prompts für UI-Mockups

42 weitere findest du in der kompletten Sammlung UI-Design-Prompts für GPT Image 2.6.

Ein Screen einer mobilen App

Mockup einer mobilen App

Erstelle ein realistisches UI-Mockup einer mobilen App für [eine App für tägliches Lesen]. Zeig den Startscreen eines wiederkehrenden Nutzers: einen Header mit Begrüßung, einen großen Fortschrittsring für das heutige 20-Minuten-Ziel, das aktuelle Buch mit Seitenfortschritt, einen primären Button mit der Aufschrift „6-Minuten-Session starten“ und eine Tab-Leiste unten mit Heute, Bibliothek, Statistik, Profil. Cremefarbener Hintergrund, dunkelgrüne Aktionen, ein einziger Korallenakzent, klare Typografie, minimale Dekoration. Es soll wie eine echte, veröffentlichte App aussehen. iPhone-Screen, kein Gerätrahmen.

Ein Landingpage-Hero in drei Richtungen

Landingpage-Heroes

Erstelle drei Hero-Bereiche einer Desktop-Landingpage für [eine Rechnungs-App für Freelancer], mit derselben Überschrift „Werde 9 Tage schneller bezahlt.“ und denselben zwei Buttons, in drei Stilen: warm und editorial mit einer Serifen-Überschrift, kräftig und dunkel mit einem einzigen Limettenakzent, weich und freundlich mit abgerundeten Karten. Realistische UI, nur exakter Text, 16:9, kein Gerätrahmen.

Ein Dashboard

Dashboard-Mockup

Erstelle eine realistische Web-Dashboard-UI für [eine Kaffeerösterei]: Navigation in einer linken Seitenleiste, vier KPI-Karten (aktive Abos 1.284; versandte Packungen 642; Abwanderung 2,1 %; Umsatz 38.400 €), ein Balkendiagramm der wöchentlichen Lieferungen über 8 Wochen und eine Liste der Röstungen dieser Woche mit Status-Tags. Ruhige, warme Palette, klare Hierarchie, echte Interface-Elemente. 16:9.

Ein SVG-Icon-Set (API)

Setz beim API-Aufruf output_format="svg" und background="transparent" und verwende dann einen Prompt wie diesen:

SVG-Icon-Set

Ein Set aus sechs einfachen Linien-Icons für die Tab-Leiste einer App: Start, Bibliothek, Statistik, Profil, Suche, Einstellungen. Einheitliche Strichstärke von 2px, abgerundete Linienenden, eine einzige Farbe, kein Text, gleichmäßig verteilt in einer Reihe.

Eine Mikrointeraktion als GIF

Animiertes GIF

Eine kurze Animation in Endlosschleife, in der ein Button einer mobilen App angetippt wird: Der Button „In den Warenkorb“ wird leicht kleiner, färbt sich grün und zeigt ein Häkchen, dann kehrt er in seinen Normalzustand zurück. Flacher UI-Stil, weißer Hintergrund, kein weiterer Text.

Ein Element per Markierung bearbeiten

Zeichne auf einem transparenten Overlay in Bildgröße einen Kreis um das Element, das sich ändern soll, und beschreib dann nur diese Änderung:

Bearbeitung per Markierung

Ändere nur den eingekreisten Button: Mach ihn zum primären Stil mit einem vollflächig dunkelgrünen Hintergrund und der weißen Beschriftung „Weiter“. Lass alles andere auf dem Screen genau so, wie es ist.

Vom Bild zum echten Screen

Ein Mockup-Bild ist ein Bild: Du kannst es nicht anklicken, nicht in der Größe ändern und nicht ausliefern. Sobald du eine Richtung hast, die dir gefällt, bitte Codex, sie als HTML nachzubauen:

Bild zu HTML

Bau das angehängte Mockup-Bild als eine eigenständige HTML-Datei in [390×844] nach, mit Inline-CSS und Systemschriften. Übernimm Layout, Abstände, Farben und Text exakt. Zeichne Icons und Illustrationen mit HTML und CSS.

Auf einem Codex Design-Canvas liegen das generierte Bild und die HTML-Version nebeneinander. So prüfst du, ob sie übereinstimmen, und bearbeitest danach Schriften, Farben und Abstände visuell. Den kompletten Workflow findest du in UI-Mockups mit KI erstellen.

Häufige Fragen

Ist GPT Image 2.6 kostenlos?

Laut OpenAI ist Images 2.6 in ChatGPT in allen Plänen verfügbar, im Web, auf dem Desktop und mobil. Die Nutzungslimits hängen von deinem Plan ab. Die API-Nutzung von Flare und Sunburst wird nach den API-Preisen von OpenAI abgerechnet.

GPT Image 2.6 vs. 2.5: Was soll ich nutzen?

Für einen neuen UI-Workflow startest du mit 2.6. OpenAI ordnet 2.5 Flare dem Modell 2.6 Flare zu und 2.5 Sunburst dem Modell 2.6 Sunburst und empfiehlt, sie mit denselben Prompts, Referenzen, Größen und Qualitätsstufen zu vergleichen.

Kann GPT Image 2.6 UI-Mockups erstellen?

Ja. Der Prompting-Leitfaden von OpenAI nennt Interface-Vorschauen ausdrücklich als Anwendungsfall. Die Ergebnisse sind Bilder. Prüf also kleine Schrift und Abstände und bau die gewählte Richtung als Code nach, wenn du einen echten Screen willst.