Anthropic erweitert Claude zunehmend zu einer Arbeitsumgebung, in der Ideen nicht nur beschrieben, sondern direkt gestaltet und umgesetzt werden k\u00f6nnen. Mit dem j\u00fcngsten Update f\u00fcr Claude Design r\u00fccken Design und Programmierung enger zusammen. Nutzer k\u00f6nnen damit visuelle Entw\u00fcrfe, Prototypen, Pr\u00e4sentationen oder Landingpages erstellen und diese anschlie\u00dfend direkt an Claude Code \u00fcbergeben.<\/p>\n\n\n\n
Damit will Anthropic die L\u00fccke im digitalen Arbeitsprozess schlie\u00dfen: Aus einer Idee wird zun\u00e4chst ein Design, aus dem Design anschlie\u00dfend ein technisches Konzept und daraus schlie\u00dflich Code. Genau an dieser Schnittstelle gehen in vielen Projekten Details verloren. Claude Design soll diesen \u00dcbergang nun besser abbilden, indem Design-Systeme, visuelle Vorgaben und Entwicklungsarbeit st\u00e4rker miteinander verbunden werden.<\/p>\n\n\n\n\n\n\n\n
Der wichtigste Schritt ist die engere Verbindung zwischen Claude Design und Claude Code<\/strong>. Mit Der umgekehrte Weg ist ebenfalls vorgesehen. Wer lieber im Terminal arbeitet, kann mit In der Praxis k\u00f6nnte das folgenderma\u00dfen aussehen: Ein Produktmanager beschreibt eine neue Dashboard-Ansicht. Claude Design erstellt daraufhin mehrere Varianten, die das Team direkt auf der Oberfl\u00e4che kommentiert. Anschlie\u00dfend setzt Claude Code die favorisierte Variante im bestehenden Projekt um. Der bisher oft m\u00fchsame \u00dcbergang vom Mockup zur Implementierung wird dadurch deutlich direkter.<\/p>\n\n\n\n Anthropic hat au\u00dferdem den Editor \u00fcberarbeitet. Nutzer k\u00f6nnen Elemente nun direkter auf der Arbeitsfl\u00e4che bearbeiten, verschieben, skalieren und ausrichten. F\u00fcr kleinere Anpassungen muss also nicht mehr zwingend ein neuer Prompt geschrieben werden. Gr\u00f6\u00dfere strukturelle \u00c4nderungen lassen sich weiterhin \u00fcber den Chat ansto\u00dfen, w\u00e4hrend gezielte Korrekturen direkt am jeweiligen Element vorgenommen werden k\u00f6nnen.<\/p>\n\n\n\n Neben der \u00dcbergabe an Claude Code unterst\u00fctzt Claude Design weiterhin verschiedene Exportwege. Dazu geh\u00f6ren unter anderem PDF, PowerPoint, HTML-Bundles und die \u00dcbergabe an externe Tools. Anthropic nennt inzwischen auch Integrationen bzw. Anbindungen an Dienste wie Adobe, Canva, Gamma, Lovable, Miro, Replit, Vercel und Wix.<\/p>","protected":false},"excerpt":{"rendered":" Anthropic erweitert Claude zunehmend zu einer Arbeitsumgebung, in der Ideen nicht nur beschrieben, sondern direkt gestaltet und umgesetzt werden k\u00f6nnen. Mit dem j\u00fcngsten Update f\u00fcr Claude Design r\u00fccken Design und Programmierung enger zusammen. Nutzer k\u00f6nnen damit visuelle Entw\u00fcrfe, Prototypen, Pr\u00e4sentationen oder Landingpages erstellen und diese anschlie\u00dfend direkt an Claude Code \u00fcbergeben. Damit will Anthropic die...<\/p>\n","protected":false},"author":1,"featured_media":13692,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-13691","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aktuelles"],"_links":{"self":[{"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/posts\/13691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/comments?post=13691"}],"version-history":[{"count":2,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/posts\/13691\/revisions"}],"predecessor-version":[{"id":13694,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/posts\/13691\/revisions\/13694"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/media\/13692"}],"wp:attachment":[{"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/media?parent=13691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/categories?post=13691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.felix-bauer-it.de\/blog\/wp-json\/wp\/v2\/tags?post=13691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/design-sync<\/code> kann Claude Code ein vorhandenes Design-System einlesen, sodass neue Entw\u00fcrfe direkt auf den realen Komponenten eines Projekts basieren. Ist ein Design fertiggestellt, kann es an Claude Code \u00fcbergeben werden. Der Coding-Agent muss dann nicht mehr mit einem Screenshot oder einer vagen Beschreibung beginnen, sondern kann auf dem bestehenden Design-Kontext aufbauen.<\/p>\n\n\n\n\/design-sync<\/code> Projekte erstellen, bearbeiten und synchronisieren. Dadurch wird Claude Design zu einem Teil des Entwicklungsprozesses und nicht nur zu einem klassischen Design-Tool.<\/p>\n\n\n\nDirekte Bearbeitung auf dem Canvas<\/h2>\n\n\n\n
Mehr Export- und Tool-Anbindungen<\/h2>\n\n\n\n