OpenAI GPT-5.6 stellt seine Design-Fähigkeiten mit einem mutigen Versprechen vor: "Mit nur einer groben Richtung erstellt GPT‑5.6 geschmackvolle, ergonomische und funktionale Interfaces."[1] Scheinbar liegt dieser Quantensprung im Design-Urteilsvermögen daran, dass es seinen eigenen gerenderten Output prüfen und korrigieren kann. Genau so, wie ich es als detailverliebter Designer tun würde. Also habe ich GPT 5.6 in Figma Make getestet, um gängige App-/Web-UIs zu generieren, bestehende Screenshots zu remixen und die Detailtreue von Design-Systemen zu bewerten. Danach habe ich es im direkten Duell gegen Fable 5 und Gemini 3.1 Pro antreten lassen, um einen Prompt im ersten Versuch („One-Shot“) umzusetzen. Entscheide selbst anhand meiner Beispiele von GPT 5.6 generierten UIs.
Hinweis: Figma Make zeigt nur die Modellfamilie an, d. h. GPT 5.6, nicht aber die genaue Version (Sol, Terra oder Luna)[2].
GPT 5.4 UI-Design-Fähigkeiten mit Beispielen >
Text-to-UI mit GPT 5.6
Minimalistische Journal-App (Mobile)
Prompt
"Designe einen minimalistischen Journal-App-Homescreen für Mobile: ein ruhiger, einladender Ort mit einem weichen, papierähnlichen Hintergrund, einer warmen Begrüßung ganz oben, einem einladenden 'Neuer Eintrag' CTA, der wie eine offene Box/Karte gestaltet ist (nicht nur ein Button), und einer kleinen Streak-Anzeige dezent platziert am unteren Rand. Halte es luftig, sodass nichts mit dem Eintrags-CTA konkurriert."
Design-Output
Zeit: ~1 Min. | Credits: 26
Angenehm minimal. Ehrlich gesagt, noch minimaler als das Calm-App-UI, das ich beim Prompten im Kopf hatte. GPT 5.6 hat mein Briefing perfekt umgesetzt. Ich war wirklich beeindruckt von der Design-Entscheidung, das Eingabefeld/den CTA zum Herzstück zu machen. Alles andere ordnet sich dem unter, und nichts Überflüssiges stört das Bild.
Calm-App-UI mit KI durchsuchen & bearbeiten >
Maximalistisches Social-Media-Analytics (Desktop)
Prompt
"Designe ein detailreiches E-Commerce-Verkäufer-Dashboard für den Desktop. Es soll dem Verkäufer sofortige Klarheit darüber geben, wie sein Shop heute performt – Absatzdynamik, Bestell-Pipeline und alles, was dringende Aufmerksamkeit erfordert, wie geringer Lagerbestand oder Rücksendungen. Datenintensiv, echte Enterprise-Tool-Dichte, aber so organisiert, dass nichts Wichtiges untergeht."
Design-Output
Zeit: ~2 Min. | Credits: 34
Hier hinterlässt das GPT 5.6 Design bei mir gemischte Gefühle. Es hat ohne meine explizite Vorgabe kontextuell korrekte Datensätze erfunden. Die Anordnung des Layouts ist ebenfalls sauber und wirkt vertraut, was ich positiv werte. Als ich jedoch nach „...dass nichts Wichtiges untergeht“ fragte, hatte ich die Erwartung eines farblich codierten Dashboards, ohne dass es kitschig wirkt. Das Ergebnis fühlt sich eher wie ein solider, aber sicherer erster Entwurf an.
E-Shop UI-Vergleich unter Squarespace-Alternativen >
Mehrstufiger Onboarding-Flow
Prompt
"Designe einen mehrstufigen Onboarding-Flow – in 5 Screens – für eine Hörbuch-App auf dem Smartphone. Er soll einen neuen Nutzer von 'Warum diese App' zur Auswahl seines ersten Hörbuchs führen, um echte Vorfreude auf das Hören zu wecken. Modern, energiegeladen, aber ruhig genug, um Vertrauen für eine neue Hörgewohnheit aufzubauen."
Design-Output
Zeit: ~5 Min. | Credits: 34
Dieses Ergebnis hat mich von der UX-Stärke von GPT 5.6 absolut überzeugt. Es hat ein vages Briefing genommen und jeden einzelnen Screen des Onboarding-Flows mit genau der Intelligenz umgesetzt, die versprochen wird. Der Screen für das tägliche Hör-Ziel ist für mich ein echtes Highlight. Auch wenn es für eine Hörbuch-App etwas dunkel wirkt, stört mich das nicht, da die gewählten Akzentfarben eine angenehm ruhige Energie vermitteln.
Allerdings fällt mir die Vorliebe für kreisförmige Designelemente auf. Die gab es auch schon bei der minimalistischen Journal-App.
Blinkist Onboarding-UI durchsuchen & bearbeiten >
Screenshot-to-UI mit GPT 5.6
Designer suchen oft, statt von Grund auf neu zu entwerfen, nach Inspiration auf Seiten wie Mobbin und remixen ein bestehendes App-UI für eigene Zwecke. Um zu testen, wie intelligent GPT 5.6 einen Screenshot versteht, dessen Design-Tokens übernimmt und ihn bearbeitet, wollte ich ein neues Feature im Perplexity-UI im Dark Mode hinzufügen.
Prompt
"Schritt 1: Wandle diesen Perplexity-Homescreen in den Dark Mode um. Füge außerdem ein viertes Icon für 'Quiz' in der unteren Navigationsleiste hinzu, das zum bestehenden Stil passt.
Schritt 2: Designe den Quiz-Screen, den dieses Icon öffnet: Eine Reihe von Themen-Pills ganz oben, darunter das heutige Quiz – eine Geographie-Frage mit einer fotorealistischen Bildkarte. Zeige darunter einen Streak und ein Leaderboard, das nur teilweise sichtbar ist."
Design-Output
Zeit: ~3 Min. | Credits: 34
Hier zeigen sich direkt Schwächen in der Design-Präzision von GPT 5.6. Der Homescreen wurde komplett zerschossen, statt originalgetreu repliziert zu werden. Auch bei der Typografie und Ikonografie lief einiges schief. Der Quiz-Feature-Screen an sich ist ganz cool geworden. Das Bild ist ebenfalls ordentlich. Es hat wie gefordert dunkle Screens generiert, nützt mir für mein Vorhaben so aber leider wenig. Enttäuschend.
UI kostenlos mit KI bearbeiten >
Design-System-Treue von GPT 5.6
Neben Design-Tools mit KI wird 2026 eine weitere Design-Praxis zum Standard: Design MD – eine Markdown-Datei, die alle Design-Tokens und -Entscheidungen einer Marke enthält. Da man sich nicht blind darauf verlassen kann, dass GPT 5.6 Design-Tokens aus Screenshots ausliest, habe ich dem Modell direkt ein Design-System (das von Claude) übergeben, um darauf aufzubauen (Stichwort: Vibe Coding).
Prompt
"Designe unter strenger Beachtung des angehängten Design-Systems eine mobile App namens 'Forge': Ein Community- und Portfolio-Netzwerk für Vibe Coders, um Projekte zu teilen, Jobs zu finden und sich zu vernetzen. 4 Screens: Feed (Projekt-Updates aus der Community), Portfolio (eigene vorgestellte Projekte des Nutzers), Jobs (relevante Anzeigen für Vibe Coders) und Profil/Einstellungen.
Selbst wenn du neue Komponenten erfinden musst: Weiche auf KEINEN Fall von den Design-Tokens in der bereitgestellten MD-Datei ab."
Design-Output
Zeit: ~2 Min. | Credits: 42
Nach dem Dämpfer beim letzten Versuch waren diese Screens wie Balsam auf die Seele. Diesmal hat GPT 5.6 die Design-Tokens viel besser verstanden und von Grund auf passend zum Prompt designt. Die Wahl der Hintergrundfarbe und der Akzentfarben fühlt sich an wie eine App aus dem Hause Anthropic. Auch die Screen-Features und Layouts passen perfekt. Dennoch ist es kein 100%iges Replikat von Claude, wie wir es kennen.
Kostenlosen Design-System-Generator nutzen >
Interaktives Design mit GPT 5.6
OpenAIs eigene Präsentationen von GPT 5.6 im Designbereich setzen stark auf interaktive statt statische Entwürfe: ein Videospiel, ein Taschenrechner, ein animierter Homescreen – funktionierende Features vor statischen (und beeindruckenden) Websites. Also habe ich einen Prompt in Figma Make gestartet – mit GPT 5.6 als Builder – um eine interaktive Travel-App-Homepage erstellen zu lassen.
Prompt
"Designe einen Wetter-App-Screen namens '2day'. Zeige die aktuelle Temperatur und Bedingungen, eine stündliche Vorhersage, eine 5-Tage-Vorschau und unterstützende Werte wie Luftfeuchtigkeit, Wind und UV-Index. Ergänze die Details und Texte passend. Die visuelle Richtung soll immersiv und filmisch sein und das aktuelle Wetter widerspiegeln – kein generisches Dashboard. Setze auf Farbverläufe und transluzente Oberflächen (Richtung Glassmorphismus) mit moderner Typografie und einer einzigen Akzentfarbe, die die ganze Arbeit macht."
Design-Output
Zeit: ~1,5 Min. | Credits: 32
Rein visuell ist es kein Meisterwerk, aber in puncto Animation bewegt sich einiges und es gibt sogar einen Parallaxe-Effekt. Nichts Bahnbrechendes, aber ich gebe GPT 5.6 hier einen Vertrauensvorschuss: Ich vermute, dass die Einschränkungen eher an der Figma Make IDE und ihren Limits für komplexe Interaktivität lagen.
So nutzt du Figma Make wie ein Profi >
GPT 5.6 vs. Fable 5 vs. Gemini im UI-Vergleich
Die beiden beliebtesten KI-Modelle für UI/UX im Jahr 2026 waren bislang: Fable 5 von Anthropic und Gemini 3.1 PRO von Google. Da nun GPT 5.6 von OpenAI in den Ring steigt, wollte ich wissen, wie gut sich alle drei Modelle schlagen, wenn sie denselben Prompt im ersten Versuch umsetzen müssen.
Ich lasse GPT 5.6 auf Figma Make laufen, Fable 5 auf Claude Design und Gemini 3.1 PRO auf Banani AI.
Prompt (identisch für alle drei, ohne Vorlagen)
"Designe einen Wetter-App-Screen namens '2day'. Zeige die aktuelle Temperatur und Bedingungen, eine stündliche Vorhersage, eine 5-Tage-Vorschau und unterstützende Werte wie Luftfeuchtigkeit, Wind und UV-Index. Ergänze die Details und Texte passend. Die visuelle Richtung soll immersiv und filmisch sein und das aktuelle Wetter widerspiegeln – kein generisches Dashboard. Setze auf Farbverläufe und transluzente Oberflächen (Richtung Glassmorphismus) mit moderner Typografie und einer einzigen Akzentfarbe, die die ganze Arbeit macht."
Design-Output (alle drei im direkten Vergleich)
Einerseits ist es ein gutes Zeichen, dass die neu veröffentlichten KI-Modelle immer besser werden. Andererseits haben alle drei den Prompt mit gleicher Präzision verarbeitet. Berücksichtigt man die jeweilige Leistungsfähigkeit der genutzten Tools, haben die beiden neuesten Modelle (GPT 5.6 und Fable 5) für mich die Nase im Vergleich zum Gemini 3.1 PRO Design-Output vorn.
Banani AI UI-Designer kostenlos testen >
Fazit: Ist GPT 5.6 gut für UI/UX?
Ja. Nach meinem Test von GPT 5.6 für UI/UX kann ich sagen, dass das Modell im Design-Bereich wirklich stark ist. Es kann solide Entwürfe aus dem Nichts erstellen und vage Briefings durch intelligente, kontextuell passende Details ergänzen. Es besitzt ein hohes ästhetisches Gespür, das sich problemlos mit Fable 5 und Gemini 3.1 Pro messen kann. Schwächen zeigt es jedoch bei der exakten Einhaltung von Vorgaben zur Design-Treue. Auf Reddit wird zudem die Vorliebe von GPT 5.6 für repetitive, kartenlastige Layouts bemängelt[3]. Mein Fazit: GPT 5.6 ist wie ein genialer, aber eigensinniger Designer.
Wenn du schnell, kostenlos und möglichst nah am ersten Prompt UI generieren möchtest, starte mit Banani.
FAQs zu GPT 5.6 für UI/UX-Design
Wie greife ich in Figma auf GPT 5.6 zu?
Öffne in Figma Make das Modell-Dropdown in der Prompt-Leiste und wähle "GPT-5.6". Es ist keine separate Integration nötig. Du kannst das Modell auch mitten im Projekt über das KI-Chatfenster unten links wechseln.
Wie nutzt man GPT 5.6 am besten für UI/UX-Design?
Für produktionsreifes Frontend empfiehlt OpenAI die Nutzung von Codex mit ausgewähltem Sol-Modell, kombiniert mit Frontend-Skills, einem definierten Design-System und echten Referenzbildern. Für ein schnelles visuelles Mockup ist der Modell-Picker in Figma Make der schnellste Weg.
Was kostet die Nutzung von GPT 5.6 für Webdesign?
Das hängt davon ab, wo du GPT 5.6 einsetzt. In Figma Make greift es auf das normale Figma AI Credit-System zu (ab $20). Aus Erfahrung kann ein einzelner Screen-Entwurf in Figma Make mit GPT 5.6 je nach Komplexität ca. 30–50 Credits kosten. Bei der Nutzung in Codex verbraucht es einfach die Credits deines jeweiligen Abos.
Quellen
[1] https://openai.com/index/gpt-5-6/
[2] https://www.figma.com/blog/gpt-5-6-is-now-available-in-figma-make/
[3] https://www.reddit.com/r/OpenAI/comments/1us2t1t/already_disappointed_with_gpt_56_sol_frontend/
