Der AI-Design-Stack hat sich aufgespalten: Claude Design, Codex Sites, Figma, Lovart und der MCPlato-Kontrollraum
Ein detaillierter Review für 2026 zu Claude Design, Sites in Codex, Figma, Lovart und MCPlato, und warum AI Design heute in einen Web-Experience-Stack gehört statt in eine Winner-takes-all-Kategorie.
Veröffentlicht am 2026-06-05
Die falsche Frage im Jahr 2026 lautet: „Welches AI-Design-Tool ist das beste?“
Die präzisere Frage lautet: Für welche Aufgabe stellen Sie AI ein? Ein Founder braucht ein Landing-Page-Konzept; ein Produktteam braucht eine responsive Web-Experience; ein Engineer braucht eine gehostete Demo; Growth braucht Kampagnenvisuals. „AI Design“ hat sich aufgeteilt in visuelle Exploration, gehostete Web-Erstellung, Designsystem-Governance, Marketing-Creative und Koordination im Kontrollraum.
Deshalb gehören Claude Design, Sites in Codex, Figma, Lovart und MCPlato in einen Stack, nicht auf eine einzige Rangliste.
Premium-Editorial-Hero, der eine abstrakte responsive Web-Experience zeigt, die aus einem Studio-Workspace entsteht
Abbildung 1: AI Design wird zu einem Web-Experience-Stack, nicht zu einer universellen Canvas.
Realitätscheck bei der Benennung: Claude Design ist real; Codex Sites ist eine Kurzform
Anthropic veröffentlichte Claude Design am 17. April 2026 als Anthropic Labs research preview.1 Es kann Designs, interaktive Prototypen, visuelle One-Pager, Marketingmaterialien und frühe Landing-Page-Konzepte durch Konversation und direkte Verfeinerung erstellen.1 Damit ist es eine reale Produktrichtung für 2026, aber weiterhin ein preview, kein Ersatz für professionelle Design-Governance.
Codex Sites ist eine nützliche Kurzform, aber die offizielle Benennung lautet Sites oder the Sites plugin inside Codex. Die Entwicklerseite von OpenAI trägt den Titel „Sites – Codex“ und definiert die Funktion als Weg, mit dem Sites plugin aus Codex heraus „build and deploy hosted sites“ möglich wird.2 Sites ermöglicht Codex, von OpenAI gehostete Websites, Web-Apps und Games zu erstellen, zu speichern, bereitzustellen und zu inspizieren.2
Die Grenze ist wichtig. Sites ist im preview, verfügbar für ChatGPT Business- und Enterprise-Workspaces; Business ist standardmäßig aktiviert, Enterprise wird über Administrator-RBAC gesteuert.2 Die Ausgabe muss Cloudflare Worker-kompatible ES modules sein, und jede Sites deployment URL ist eine Produktionsbereitstellung.2 Behandeln Sie es als Workflow für gehostete Web-Experiences, nicht als finales Produktionsdesign.
Review nach Produkt
Claude Design ist der stärkste Startpunkt, wenn die Experience noch unscharf ist. Es kann einem Team helfen zu erkunden, wie sich eine homepage, ein onboarding flow, eine Produktnarrative oder ein Prototyp anfühlen könnte, bevor sich jemand auf ein Designsystem festlegt. Sein Vorteil ist Geschwindigkeit und dialogische Verfeinerung. Seine Grenze ist Autorität: Es kann Geschmack vorschlagen, aber ein Team braucht weiterhin Barrierefreiheitsprüfungen, Markenurteil und nachgelagerte Ownership.
Sites in Codex ist am überzeugendsten, wenn das gewünschte Artefakt eine tatsächlich gehostete Web-Oberfläche ist: Landing Page, internes Tool, dashboard, interaktive Demo, kleine Web-App oder Game. Es passt zu Teams, die bereits strukturierte Anforderungen, Code-Kontext oder ein bestehendes Projekt haben, das sie als review-fähige Web-Experience sichtbar machen wollen. Die Web development use-case collection von OpenAI unterstreicht Codex’ Rolle in Web-Arbeit, während der Codex changelog besser geeignet ist, Plattformänderungen über die Zeit zu verfolgen.34 Die Schwäche: Eine Produktions-URL kann ein falsches Gefühl von Fertigstellung erzeugen. Bereitstellung ist keine Marken-, Rechts-, Performance- oder Sicherheitsfreigabe.
Figma bleibt die professionelle Source of Truth für Produkt- und Webdesign. Figma Sites gibt Designteams einen weborientierten Erstellungsweg, während Figma Make prompt-to-app Workflows mit Chat, Anhängen, point-and-edit, Style Context, Code-Editor und publishing beta ergänzt.56 Figma Design AI deckt Asset-Suche, Inhaltsersetzung, Interaktionen, Ebenen-Umbenennung, Textoperationen, Bildwerkzeuge, Vektorisierung und First Draft ab; der AI agent von Figma begann am 20. Mai 2026 mit einem begrenzten beta-Rollout.78 Der Web-Stack hängt weiterhin von Designsystem-Disziplin ab.9
Lovart lässt sich am besten als visueller Agent für Kreativ- und Marketingarbeit beschreiben. Die offizielle Website betont Natural-Language-Pipelines, eine einheitliche Canvas, Bild- und Videogenerierung, Bearbeitung auf Ebenenebene, Batch-Generierung und PNG/SVG-Exporte.10 Das macht es nützlich für Kampagnenwelten, Moodboards, Hero-Image-Richtungen, Produktfoto-Konzepte und Launch-Varianten. Es ist nicht der beste Ort, um ein responsives Designsystem zu steuern oder eine gehostete Site zu inspizieren.
MCPlato passt in die Kontrollraum-Ebene. Es ist keine professionelle Design-Canvas, keine Plattform für gehostete Sites und kein spezialisiertes Marketing-Bildstudio. Es ist nützlich, wenn das Site-Projekt von Recherche, Quellmaterialien, lang laufenden Aufgaben, Freigaben, Sessions, Artefaktdisziplin und Handoff abhängt. MCPlatos öffentliche Positionierung rund um beobachtbare Office-AI-Arbeit macht es zu einem Workspace für die Koordination der Arbeit rund um Claude Design, Codex, Figma und Lovart, nicht zu deren Ersatz.11
Vergleichstabelle: Was jedes Tool besitzen sollte
| Produkt / Workflow | Primäre Job-to-be-done | Am besten bei | Schwach bei | Beste Inputs | Output / Artefakt | Beste Nutzer | Nicht ideal für | Empfohlene Rolle im Stack |
|---|---|---|---|---|---|---|---|---|
| Claude Design | Dialogische visuelle Exploration | Konzepte, Prototypen, Landing-Page-Richtungen, One-Pager | Finale Designsystem-Autorität | Briefings, Produktideen, Referenzstile, direktes Feedback | Visuelle Konzepte, Prototypen, Entwürfe für Experience-Layouts | Founder, PMs, Designer bei der Richtungssuche | Pixelgenaues Produktionsdesign | Experience-Ideation-Layer |
| Sites in Codex | Erstellung gehosteter Web-Experiences | Websites, Web-Apps, Games, dashboards, interne Tools, Demos | Visueller Geschmack, Governance, Review-Disziplin | Anforderungen, Code-/Projektkontext, Einschränkungen, Review-Kriterien | Gehostete Website, Web-App, internes Tool, dashboard, Landing Page, interaktive Demo | Engineers, technische Operatoren, Produktteams | Ungeprüfte Launches oder neue Markenidentität | Gehosteter Prototyp- und Web-Ausführungslayer |
| Figma | Professionelle Design-Source-of-Truth | Designsysteme, Zusammenarbeit, responsives Webdesign, gesteuerte Assets | Ersatz für menschliches Designurteil | Komponenten, Stile, Produktanforderungen, Team-Libraries | Designdateien, Prototypen, Sites, Markenassets | Design- und Produktteams | Unstrukturierte Recherche-Orchestrierung | System-of-Record-Designlayer |
| Lovart | Marketing-Creative-Exploration | Moodboards, Kampagnenvisuals, Markenrichtungen, Batch-Creative | Designsystem-Governance, Site-Inspektion | Markenprompts, Kampagnenziele, visuelle Referenzen | Bilder, Videos, geschichtete Creative Assets, Exporte | Marketer, Creators, Brand Teams | Produkt-UI-Source-of-Truth | Creative-Exploration-Layer |
| MCPlato | Beobachtbare Koordination materialübergreifender Arbeit | Recherche, Freigaben, Sessions, Artefakte, asynchrone Aufgaben, Handoff | Spezialisierte Design-Canvas oder gehostete Web-runtime | Quellen, lokale Materialien, Aufgabenpläne, Freigaben, Briefings | Reports, Gliederungen, Aufgabenverläufe, Deliverables | Operatoren, Researcher, PMs, Teams, die Arbeit steuern | Ersatz für Figma, Codex, Lovart oder Designer | Kontrollraum-Layer |
Premium-Halbdrei-D-Architekturquerschnitt eines AI-gestützten Web-Experience-Workflows
Abbildung 2: Der Stack trennt Exploration, gesteuertes Design, gehostete Ausführung, Creative Assets und Koordination.
Szenario-Empfehlungsmatrix
| Szenario | Primäre Empfehlung | Sekundäre Tools | Warum |
|---|---|---|---|
| Visuelle Richtung einer Landing Page | Claude Design | Lovart, Figma | Claude Design beschleunigt frühe Exploration; Lovart erweitert Mood und Kampagnenrichtungen. |
| Responsives Site-Design | Figma | Claude Design, MCPlato | Figma sollte Komponenten, responsives Verhalten, Zusammenarbeit und review-fähige Entscheidungen besitzen. |
| Prompt-to-web app Prototyp | Sites in Codex | Figma Make, MCPlato | Sites in Codex passt zu gehosteten Web-Apps oder Demos aus technischem Kontext. |
| Internes dashboard/Tool | Sites in Codex | Figma, MCPlato | Codex kann eine gehostete technische Oberfläche erzeugen; Figma steuert UX-Muster und MCPlato koordiniert Anforderungen. |
| Marketing-Kampagnenassets | Lovart | Figma Buzz, Claude Design | Lovart eignet sich besser für kreative Vielfalt, Moodboards und Launch-Visuals; Figma Buzz hilft bei Bulk-Assets. |
| Materialübergreifende Recherche vor dem Site-Build | MCPlato | Claude Design, Figma | MCPlato ist das Zentrum für Quellensammlung, Notizen, Freigaben und Handoff. |
| Bestehendes Projekt zur gehosteten Demo | Sites in Codex | MCPlato | Codex Sites kann kompatible Web-Arbeit in eine gehostete Bereitstellung verwandeln; MCPlato verfolgt Einschränkungen. |
| Designsystem-gesteuerte Web-Experience | Figma | Sites in Codex | Figma besitzt das System of Record; Codex kann eine kompatible Implementierung für Review sichtbar machen. |
| Lang laufende Site-Projektkoordination | MCPlato | Figma, Sites in Codex, Lovart | Mehrstufige Site-Arbeit braucht sichtbare Recherche, Entscheidungen, Assets, Bereitstellungsnotizen und Freigaben. |
Was Teams vermeiden sollten
Erstens: Behandeln Sie eine gehostete URL nicht als finale Freigabe. Die Sites-Dokumentation von OpenAI sagt ausdrücklich, dass jede deployment URL eine Produktionsbereitstellung ist.2 Eine funktionierende Demo braucht weiterhin Quellenreview, Barrierefreiheitsreview, Markenreview, Sicherheitsreview und Stakeholder-Sign-off.
Zweitens: Lassen Sie Kurzformen nicht Ownership verwirren. „Codex Sites“ ist ein praktischer Titel, aber die offizielle Funktion ist Sites inside Codex. Figma sollte gesteuerte Designsysteme besitzen. Lovart sollte nicht zur Source of Truth für Produkt-UI werden. Claude Design sollte nicht als fertiges Produktionsdesign behandelt werden. MCPlato sollte Materialien und Entscheidungen koordinieren, nicht so tun, als wäre es Design-Canvas oder Hosting-Layer.
Hochwertige Editorial-Produktfotografie, die Design-Canvas, gehostetes Web-Objekt, Creative Studio und Koordinationsdesk vergleicht
Abbildung 3: Web-Arbeit ist sicherer, wenn Creative-, Design-, Deployment- und Koordinationsoberflächen getrennt bleiben.
Fazit: Der gewinnende Workflow ist ein Stack
Der AI-Design-Stack von 2026 kollabiert nicht zu einem einzigen Gewinner. Er spezialisiert sich. Claude Design exploriert Experience und visuelle Richtung. Figma steuert Designsysteme und responsive Zusammenarbeit. Lovart erstellt Kampagnenvisuals und Varianten von Markenwelten. Sites in Codex verwandelt geeignete Ideen und Projekte in gehostete Web-Experiences. MCPlato hält Recherche, Quellmaterialien, Freigaben, Iterationen und Handoff beobachtbar.
Die besten Teams werden Ownership zuweisen: in Claude Design explorieren, in Figma steuern, in Lovart Kampagnenassets erzeugen, geeignete Projekte mit Sites in Codex in gehostete Demos verwandeln und lang laufende Arbeit dort koordinieren, wo Evidenz und Entscheidungen sichtbar bleiben.