Ratgeber Verpasse keine News mehr! Claude Design: Wie das Anthropic-Tool mit Figma und Lovable konkurriert Mit Claude Design kannst du dank Opus 4.7 Prototypen für Seiten, One-Pager und Slides per KI-Prompt schnell erstellen. Ein Anthropic-Designer gibt sieben Tipps für die optimale Nutzung des Tools, das mit Lovable, Google und Co. konkurriert. Von OnlineMarketing.de Redaktion 12.05.2026, 15:55 Uhr • 5 Min. Artikel merken Anzeige Anzeige Ein Anthropic-Designer verrät Tricks, um Claude Design optimal zu nutzen. (Bild: picture alliance / NurPhoto | Samuel Boivin) Design kann so einfach sein. Dieses Motto verfolgt das KI-Unternehmen Anthropic derzeit ganz bewusst. Kürzlich lieferte das Team ein großes Redesign für Claude Code , das die Session-Bearbeitung – auch parallel in einem Fenster – übersichtlicher gestalten soll. Auch die Bearbeitung einzelner Projekte kann damit vereinfacht werden. Jetzt folgt der Start der neuen Funktion Claude Design, die ebenfalls zur einfacheren Kreation von Projekten beitragen soll. In diesem Fall geht es konkret um die Erstellung von Design-Features, die so vielfältig und bunt sein können wie die Einsatzoptionen des Anthropic-Tools. Anzeige Anzeige Claude Design soll als Konkurrenzoption zu Lovable, Figma, Google s Stitch und Co. mit einfachen Prompt-Vorgaben bereits umfassende Designs für ganze Websites, Präsentationen oder Infoseiten kreieren können. User können die Produkte dann in der Konversation mit Claude verfeinern und auf Slider zur Bearbeitung, Inline-Kommentare oder unmittelbare Bearbeitungsoptionen zugreifen. Dabei bietet Anthropic nützliche Exportmöglichkeiten und die Option, jegliche neue Projekte im eigenen Branding durchzuführen – unterstützt durch die visuellen Fähigkeiten des brandneuen Modells Claude Opus 4.7 . Doch wie setzt du Claude Design zielführend in der Praxis ein? Wir zeigen es dir anhand von sieben Tipps, die Anthropics Designer Ryan Mather im Rahmen der Feature-Vorstellung offenbart. Anzeige Anzeige Claude Design: Mehr Ideen und Output in kurzer Zeit – on-brand Claude Design von Anthropic Labs basiert auf dem neuen KI-Modell Claude Opus 4.7. Dieses ist das bisher stärkste KI-Modell aus dem Hause Anthropic, wenn es um visuelle Verarbeitung geht. Das neue Design-Tool wird aktuell als Research Preview für Pro-, Max-, Team- und Enterprise-User ausgerollt (im Enterprise-Abonnement ist es per Default ausgestellt). Diese können damit ohne Designvorkenntnisse, mit wenig Zeit oder eingeschränkten Ressourcen schnell Designvorlagen erstellen und durch die Feinjustierung zu gangbaren Produkten entwickeln. Empfohlene redaktionelle Inhalte Hier findest du externe Inhalte von TargetVideo GmbH , die unser redaktionelles Angebot auf t3n.de ergänzen. Mit dem Klick auf "Inhalte anzeigen" erklärst du dich einverstanden, dass wir dir jetzt und in Zukunft Inhalte von TargetVideo GmbH auf unseren Seiten anzeigen dürfen. Dabei können personenbezogene Daten an Plattformen von Drittanbietern übermittelt werden. Inhalte anzeigen Hinweis zum Datenschutz Leider ist etwas schief gelaufen... An dieser Stelle findest du normalerweise externe Inhalte von TargetVideo GmbH , jedoch konnten wir deine Consent-Einstellungen nicht abrufen. Lade die Seite neu oder passe deine Consent-Einstellungen manuell an. Datenschutzeinstellungen verwalten Die Arbeit mit Claude Design ist ganz einfach: User geben der KI per Prompt eine Idee vor und lassen sich Design-Prototypen erstellen – ähnlich wie bei Googles Vibe-Design auf Stitch oder bei Lovable. Bei Claude Design können die User die Kreationen, ob Websites, One-Pager für ihre Produkte oder Präsentations-Slides für die Arbeit, dann auf vielfältige Weise überarbeiten. Dazu stehen die Inline-Kommentare im Claude-Tool bereit, Slider zur Personalisierung der Ergebnisse, zum Beispiel für Schriftgrößen oder Elementgrößen, und im Gespräch mit Claude können Veränderungen ebenfalls angegeben werden. Besonders hilfreich ist für die Nutzer:innen im Business-Kontext zudem, dass sie sämtliche Designvorlagen in ihrem eigenen Brand-Design erstellen lassen können. Dafür müssen sie Claude Zugriff auf ihre Designvorgaben geben und Claude kann die Code-Basis des Brand-Designs auslesen, analysieren und auf Basis dessen künftige Kreationen on-brand gestalten. Dieser Aspekt zählt bereits zu den zentralen Tipps, die Anthropics Design-Team-Mitglied Ryan Mather Usern mit auf den Weg gibt. Er zeigt, wie man Claude Design praxisnah einsetzen kann. Anzeige Anzeige Exportoptionen und Markenfokus als Vorteil Wer schließlich Designvorlagen kreiert hat, die zur Weiterverarbeitung gedacht sind, kann auf hilfreiche Exportoptionen zugreifen. Designs lassen sich als PDF oder PPTX exportieren, aber auch an Canva als Design-Tool und Claude Code weitergeben. Canva kooperiert dabei mit Anthropic. Die Überführung zu Claude Code wiederum zeigt, dass die Claude-Tools in Kooperation bei der Projektarbeit unterstützen können. Auf Linkedin schreibt Ryan Mather über Claude Design , sein erster Tipp, um das Beste herauszuholen, sei, Claude Design als neues Design-Tool zu betrachten. „Es ähnelt eher einem für Design optimierten Claude Code als einem Canvas-Editor, dem ein Agent hinzugefügt wurde.“ Anfangs sei ihm die Nutzung schwer, gefallen, da er an Canvas-basierte Design-Tools gewöhnt sei, „aber als mir klar wurde, dass ich ‚Just Ask Claude‘ bitten konnte, mir  – spontan – jede gewünschte Funktion zu erstellen, war das ein echter Durchbruch!“ 7 Tipps für im Überblick: Claude Design In einem X-Post führt Mather weiter aus, welche Schritte bei der Arbeit mit Claude Design helfen können, um das Tool schnell für die Designkreation einsetzen zu können. Der erste Schritt ist bei ihm das Setup des Designsystems. Damit nimmt er Bezug auf die Option, Claude über Brand-Vorgaben oder eigene Rahmenbedingungen für die Designs zu informieren. Im Onboarding-Prozess des Tools wird ein Designsystem aufgesetzt. Anzeige Anzeige Empfohlene redaktionelle Inhalte Hier findest du externe Inhalte von X Corp. , die unser redaktionelles Angebot auf t3n.de ergänzen. Mit dem Klick auf "Inhalte anzeigen" erklärst du dich einverstanden, dass wir dir jetzt und in Zukunft Inhalte von X Corp. auf unseren Seiten anzeigen dürfen. Dabei können personenbezogene Daten an Plattformen von Drittanbietern übermittelt werden. Inhalte anzeigen Hinweis zum Datenschutz Leider ist etwas schief gelaufen... An dieser Stelle findest du normalerweise externe Inhalte von X Corp. , jedoch konnten wir deine Consent-Einstellungen nicht abrufen. Lade die Seite neu oder passe deine Consent-Einstellungen manuell an. Datenschutzeinstellungen verwalten Laut Mather lohnt es sich, eine Stunde Zeit einzuplanen, um die Feinheiten einzustellen. Denn dann können in Folgeprojekten die Vorgaben für Schriftart, Schriftgröße, Farben, Komponenten und dergleichen mehr übernommen werden. Zur Informationsvermittlung diesbezüglich können die User einfach Bilder und Dokumente, etwa auch Präsentationen der Marke, hochladen. Aber auch der Hinweis auf eine Code-Basis ist möglich. Mit dem Web Capture-Tool kannst du ebenso Elemente von deiner Website heranziehen. Des Weiteren rät Ryan Mather dazu, Designvorschläge mit Entwickler:innen live zu erarbeiten und zu bearbeiten. Die Iteration in einer Live-Session mit den beteiligten Personen des Teams kann dazu führen, dass unmittelbar nach so einer Session ein neues Feature zum Leben erweckt wird. Die Bearbeitungen, die die Teams nach den ersten Drafts vornehmen, lassen sich zwar in der Konversation angeben. Doch Mather verweist auf das Kommentar-Tool. Denn wenn User einfach auf eine zu verändernde Stelle im Design weisen und einen Kommentar zur Änderung einfügen, kann das Zeit und Aufwand beim Prompting sparen. Er schreibt: „Es ist schwierig, alle gewünschten Änderungen in Worten zu beschreiben – also lass es lieber! Zeig einfach darauf und kritisiere.“ AI-Fähigkeiten machen Claude Design eher zum Coding Tool: So profitierst du Da Claude Design eher wie ein Coding- und weniger wie ein canvas-basiertes Design-Tool arbeitet, kann es auch für sehr variable Zwecke eingesetzt werden. Du kannst deine Ideen nicht nur beschreiben und bearbeiten, sondern ebenso Demos in Videoform davon anfertigen lassen, was die Übersichtlichkeit nochmals steigern mag. Dazu rät Mather genauso wie zum Einsatz von Connectors. Wer zum Beispiel Slack oder Docs verknüpft, kann einfach Prompts einsetzen wie den folgenden: „Bitte lies dir die Meeting-Notizgen vom Produkt-Roast durch und erstelle eine Präsentation, in der verschiedene Designlösungen für alle angesprochenen Punkte vorgestellt werden“. Anzeige Anzeige User können sich also durch die Verknüpfung verschiedener KI-Ressourcen viel Arbeit sparen und Kraft in die Feinjustierung der Vorschläge stecken. Schließlich verweist Ryan Mather noch auf die Möglichkeit, quasi nebenbei neue Tools zu erstellen und sich am Ende nicht zu sehr in den Details zu verlieren. Schritt für Schritt können Einzelheiten angepasst und für den gewünschten Effekt erstellt werden. Trotz der Fähigkeiten agentischer Kreation kann es von Vorteil sein, Feinheiten per Hand einzusetzen, um das Design passgenau abzurunden. Auf X gibt Mather in einem weiteren Post noch ein konkretes Beispiel für ein Design vor. Dabei hat er seine Hobbys verbunden und Bilder von Pflanzen in Sashiko-Stickmuster übertragen lassen. Das funktioniert auf Basis von HTML-Artefakten und dem Zugriff auf die Claude-API. So können User mit HTML-Inhalten und Canvas Designs zusammenstellen. Anzeige Anzeige Du kannst Claude Design selbst testen und dir einen Einblick darüber verschaffen, welche Designoptionen sich dir eröffnen. Der Artikel stammt von Niklas Lewanczik aus der OnlineMarketing.de-Redaktion und wird im Rahmen einer Content-Kooperation auf t3n veröffentlicht. Top-Artikel MIT Technology Review Google Künstliche Intelligenz