Claude Design 2.0: Neue Features & schnellerer Workflow

Claude Design hat ein größeres Update bekommen. Für alle, die Landingpages, Web-Apps, Produktseiten oder Präsentationen mit KI entwerfen, sind vor allem fünf Änderungen relevant: neue Nutzungslogik, Connectoren zu externen Tools, direktere Bearbeitung auf der Canvas, Sammel-Kommentare für Änderungen und ein deutlich besserer Umgang mit Design-Systemen.

Wer bisher an Limits, umständlichen Korrekturen oder inkonsistentem Design hängen blieb, bekommt hier spürbare Erleichterungen. Dieser Überblick zeigt, was neu ist, wofür es praktisch nützlich ist und wo die Grenzen weiterhin liegen.

Was ist Claude Design überhaupt?

Claude Design ist ein Tool, mit dem sich digitale Oberflächen per Prompt erstellen und weiterbearbeiten lassen. Gemeint sind zum Beispiel:

• Websites und Landingpages
• App-Oberflächen und Prototypen
• Präsentationen und Slides
• Animationen und visuelle Konzepte

Die Stärke zeigt sich über den ersten Entwurf hinaus. Interessant wird das Werkzeug dort, wo aus einer Idee ein konsistentes System werden soll: gleiche Farben, gleiche Typografie, ähnliche Komponenten, mehrere Formate und möglichst wenig Handarbeit.

Die wichtigste Änderung: Nutzungslimits sind einfacher und großzügiger geworden

Ein großer Kritikpunkt war bisher die getrennte Nutzungsgrenze. Claude Design lief nicht einfach unter derselben Nutzung wie andere Claude-Bereiche, sondern hatte ein eigenes Limit. Wer aufgebraucht hatte, musste auf einen Reset warten.

Das wurde geändert.

• Die Nutzung von Claude Design ist nun an das monatliche Claude-Abo gekoppelt.
• Eine Subscription deckt damit mehrere Bereiche ab, darunter Chat, Code, Design und Co-Work.
• Zusätzlich wurde die interne Effizienz verbessert, sodass bei der Erstellung mehr aus dem verfügbaren Token-Budget herausgeholt werden kann.

Für den Alltag heißt das: weniger Reibung, weniger Sonderlogik und mehr produktive Zeit. Gerade bei iterativen Design-Prozessen ist das relevant, weil viele kleine Anpassungen sonst schnell teuer werden.

Neu in Claude Design: MCP-Connectoren zu Dritttools

Eine der spannendsten Neuerungen ist die Anbindung an externe Werkzeuge über sogenannte Connectoren. In diesem Zusammenhang fällt der Begriff MCP. Gemeint ist vereinfacht eine Verbindung, über die Claude Design mit anderen Diensten kommunizieren kann.

Beispiele aus dem Update sind unter anderem:

• Gmail
• Higgsfield
• Supabase

Der praktische Nutzen ist konkret: Claude Design kann Aufgaben an ein externes Tool weiterreichen und die Ergebnisse anschließend wieder zurückholen, ohne dass man zwischen mehreren Oberflächen hin- und herspringen muss.

Warum das bei visuellen Projekten so hilfreich ist

Claude Design erzeugt nicht selbst die gesamte Bandbreite an Bildern und Videos. Wenn für ein Projekt bewegte Hero-Elemente, Produktfotos mit Models oder andere Medien gebraucht werden, kann ein externer Generator eingebunden werden.

Mit einem Connector läuft der Prozess deutlich schlanker:

1. Sie beschreiben die gewünschte Website oder App in einem Prompt.
2. Claude Design nutzt den angebundenen Dienst, um passende Assets erzeugen zu lassen.
3. Die generierten Bilder oder Videos werden automatisch zurückgeführt.
4. Das Material wird direkt in den Entwurf eingebaut.

Das spart mehrere manuelle Schritte. Kein separates Prompting im Fremdtool, kein Download, kein erneuter Upload, kein händisches Einsortieren einzelner Dateien.

Praxisbeispiel: E-Commerce-Website mit Produktbildern und Hero-Video

Ein gezeigter Anwendungsfall war der Nachbau einer Ski-Mode-Website als Referenz. Der Prompt selbst blieb relativ knapp: E-Commerce für Ski-Bekleidung, Hero-Animationen, Produktbilder mit echten Models und sechs Produkte.

Aufschlussreich ist der Workflow hinter dem Beispiel, weniger die konkrete Marke:

• eine bestehende Seite dient als visuelle Richtung
• ein externer Generator liefert Videos und Bildmaterial
• Claude Design setzt daraus eine komplette Produktseite zusammen
• inklusive Startseite, Produktdarstellung, weiteren Inhaltsblöcken und Footer

Selbst zusätzliche Details wie Branding-Elemente können dabei automatisch auftauchen, ohne dass jedes einzelne Element explizit beschrieben werden muss.

Wer in Unternehmen mit solchen Workflows arbeitet, sollte das Thema Integrationen und Datensicherheit immer mitdenken. Gerade bei externen Diensten lohnt sich ein Blick auf KI-Sicherheit und Governance, bevor produktive Prozesse aufgebaut werden.

Canvas Editing: Änderungen direkt im Layout statt über neue Prompts

Eine weitere spürbare Verbesserung ist die Bearbeitung direkt auf der Canvas. Statt jede kleine Korrektur neu per Chat anzustoßen, lassen sich viele Anpassungen unmittelbar im Design vornehmen.

Das betrifft zum Beispiel:

• Text ändern
• Größen anpassen
• Farben umstellen
• Elemente visuell justieren

Neu ist vor allem die zusätzliche Seitenleiste mit mehr Kontrolle über einzelne Eigenschaften. Das erinnert stärker an klassische Design-Tools und reduziert die Zahl unnötiger Regenerationen.

Warum das Token spart

Kleine Design-Korrekturen sind oft lästig: Button doch lieber blau statt schwarz, Headline minimal größer, Abstände noch einmal testen. Wenn jede Mini-Änderung über einen neuen Prompt laufen muss, summiert sich das schnell.

Mit Canvas Editing können viele dieser Feinarbeiten direkt erledigt werden. Das ist schneller und günstiger im Umgang mit dem verfügbaren Budget.

Typische Änderungen, die Sie direkt selbst machen können

• Schriftgröße einer Überschrift erhöhen
• Button-Farbe testen
• Textbausteine umformulieren
• Einzelne Elemente größenmäßig anpassen

Für Teams, die häufiger Prototypen oder interne Oberflächen bauen, ist das ein wichtiger Schritt in Richtung produktiveres Arbeiten. Wer so etwas breiter in Organisationen ausrollen möchte, findet passende Ansätze auch unter KI-Befähigung Ihrer Belegschaft.

Markups: Mehrere Änderungswünsche sammeln und gesammelt verarbeiten

Neben der direkten Bearbeitung gibt es eine zweite nützliche Methode: Markups. Damit lassen sich Kommentare an konkrete Elemente hängen, ohne sofort eine komplette Neuberechnung anzustoßen.

Der Ablauf ist einfach:

1. Ein Element auswählen
2. einen Änderungswunsch als Kommentar hinterlegen
3. weitere Kommentare an anderen Stellen ergänzen
4. alles gesammelt zur Verarbeitung schicken

Das ist besonders sinnvoll, wenn mehrere Anpassungen zusammengehören. Statt fünf einzelne Requests nacheinander auszulösen, werden sie gebündelt abgearbeitet.

Beispiele für sinnvolle Markups

• Bild in ein Smartphone-Mockup setzen
• Icon austauschen
• einen Abschnitt inhaltlich präzisieren
• ein bestimmtes visuelles Motiv an mehreren Stellen angleichen

Gerade bei Review-Schleifen mit Produkt, Marketing oder Design ist das deutlich ordentlicher als eine Folge aus spontanen Einzeländerungen.

Design-Systeme: Konsistenz über Website, Slides und App hinweg

Design-Systeme gehören zu den nützlichsten Funktionen in Claude Design. Statt Farben, Schriften, Buttons und Stilprinzipien jedes Mal neu zu beschreiben, kann ein wiederverwendbares System angelegt werden.

Ein solches Design-System enthält im Kern:

• Farbpalette
• Typografie
• Buttons und UI-Elemente
• wiederkehrende visuelle Regeln

Damit lässt sich derselbe Stil auf unterschiedliche Ergebnisse anwenden, etwa auf:

• eine Landingpage
• ein Slide Deck
• eine App-Demo
• weitere Marketing-Assets

Was im Update verbessert wurde

Neu ist vor allem der einfachere Transfer aus Claude Code. Wenn bereits ein Projekt mit definierten Design-Elementen existiert, kann daraus ein Design-System in Claude Design übernommen werden.

Das spart doppelte Arbeit. Vorhandene Stile müssen nicht manuell rekonstruiert werden, sondern lassen sich direkt in den Design-Workflow übernehmen.

Wann sich ein Design-System besonders lohnt

Ein eigenes System ist sinnvoll, wenn Sie regelmäßig ähnliche Materialien erstellen, zum Beispiel:

• SaaS-Landingpages im selben Markenstil
• Produktpräsentationen mit wiederkehrender Typografie
• App-Screens, Demos und Microsites für ein gemeinsames Produkt

Ohne Design-System muss man Stilvorgaben immer wieder neu erklären. Mit System bleibt die Ausgabe konsistent, auch wenn das Zielmedium wechselt.

Export und Übergabe an andere Tools

Wenn der Entwurf steht, beginnt oft erst die eigentliche Umsetzung. Dafür gibt es verschiedene Wege zur Weitergabe.

Möglich sind unter anderem:

• Übergabe an Claude Code für die weitere technische Umsetzung
• Export als ZIP-Datei
• Weitergabe an andere kompatible Tools
• Transfer einfacher Design-Artefakte etwa in Canva

Das ist relevant, weil Design und Implementierung in vielen Teams nicht im selben Werkzeug stattfinden. Ein sauberer Export vermeidet Medienbrüche.

Wenn aus Prototypen produktive Anwendungen werden sollen, geht es schnell um Datenbanken, Zahlungen, Deployments und Systemanbindung. Dazu passt als nächster Schritt das Thema LLM Implementierung und Integration.

Für wen lohnt sich Claude Design 2.0 besonders?

Das Update ist vor allem für diese Gruppen interessant:

• Produktteams, die schnell klickbare Konzepte erstellen wollen
• Designer, die KI-Entwürfe stärker kontrollieren möchten
• Marketer, die Landingpages und Präsentationen konsistent produzieren müssen
• Gründer und kleine Teams, die ohne große Tool-Kette erste Versionen bauen
• Entwickler, die aus dem Design heraus in die technische Umsetzung wechseln möchten

Was Claude Design 2.0 gut kann und was nicht

Stärken

• schnelles Erzeugen kompletter Oberflächen
• bessere Wiederverwendbarkeit durch Design-Systeme
• direktere Bearbeitung ohne ständige Regeneration
• starker Workflow durch externe Connectoren
• saubere Übergabe an weitere Tools

Grenzen

• für Bilder und Videos kann weiterhin ein externer Dienst nötig sein
• ein guter erster Entwurf ist nicht automatisch ein fehlerfreies Produktionssystem
• einzelne Inhalte oder Produktdetails sollten geprüft werden
• Backend, Zahlungen und Datenlogik gehören weiterhin in nachgelagerte Schritte

Häufige Fehler bei der Nutzung

1. Zu viel über einen einzigen Prompt lösen wollen

Ein grober Startprompt reicht oft für einen ersten Entwurf. Feinschliff sollte anschließend über Canvas Editing oder Markups laufen. Sonst wird jede Kleinigkeit unnötig teuer.

2. Externe Credits vergessen

Wenn ein Connector zu einem Dienst für Bilder oder Videos genutzt wird, braucht auch dieser Dienst ausreichende Kapazität oder Credits. Sonst stockt der Workflow an einer ganz anderen Stelle.

3. Ohne Design-System arbeiten, obwohl Wiederholung absehbar ist

Wer mehr als ein einzelnes Projekt plant, spart mit einem Design-System sehr viel Zeit. Das gilt besonders für Markenauftritte mit festen Farben und Schriften.

4. Prototyp mit fertigem Produkt verwechseln

Ein überzeugendes Frontend ersetzt keine saubere Backend-Architektur. Datenbank, Payment, Sicherheit und Deployment bleiben eigenständige Aufgaben.

Häufige Fragen zu Claude Design 2.0

Ist Claude Design 2.0 besser für Websites oder für Präsentationen?

Beides ist möglich. Besonders stark wirkt das Update dort, wo ein Stil über mehrere Formate hinweg konsistent bleiben soll, also etwa Website, Slides und App-Demo.

Kann Claude Design jetzt eigene Bilder und Videos erzeugen?

Nicht vollständig aus sich heraus. Für bestimmte Medienarten werden externe Tools über Connectoren eingebunden.

Was bringt das neue Nutzungsmodell konkret?

Die Nutzung ist einfacher organisiert, weil sie an das monatliche Abo gekoppelt ist. Zusätzlich arbeitet das System effizienter, was in der Praxis mehr produktive Nutzung ermöglicht.

Kann man kleine Änderungen ohne erneuten Prompt machen?

Ja. Genau dafür sind Canvas Editing und die linke Bearbeitungsleiste gedacht.

Wofür sind Markups am besten geeignet?

Für gebündelte Änderungswünsche, die man gesammelt ausführen lassen will, statt jeden Punkt einzeln anzustoßen.

Fazit

Claude Design 2.0 ist vor allem deshalb interessant, weil es einige echte Reibungspunkte beseitigt. Die neue Nutzungslogik macht das Tool alltagstauglicher. Connectoren erweitern den Funktionsumfang deutlich. Canvas Editing und Markups reduzieren unnötige Prompt-Schleifen. Und Design-Systeme bringen die nötige Konsistenz in wiederkehrende Projekte.

Wer Websites, Apps oder Präsentationen mit KI erstellt, bekommt damit einen spürbar besseren Workflow. Der Gewinn entsteht aus dem Zusammenspiel der Funktionen: weniger Tool-Wechsel, weniger manuelle Übergänge, mehr Kontrolle über das Ergebnis.