Anthropic stellt Claude Design vor

 (anthropic.com)
27 Punkte von GN⁺ 12 일 전 | 3 Kommentare | Auf WhatsApp teilen
  • Ein kollaboratives visuelles Design-Tool, das auf dem Vision-Modell Claude Opus 4.7 basiert und hochwertige visuelle Ergebnisse wie Designs, Prototypen, Slides und One-Pager erstellt
  • Nutzer können allein mit Textbeschreibungen Design-Entwürfe, Prototypen, Slides und Marketingmaterialien generieren und diese gemeinsam mit Claude überarbeiten und fertigstellen
  • Unterstützt verschiedene Eingabeformen wie Text-Prompts, Uploads von Bildern und Dokumenten, Anbindung an Codebases und Web-Captures sowie präzise Bearbeitung über Inline-Kommentare, direkte Bearbeitung und benutzerdefinierte Slider
  • Beim Onboarding liest das Tool die Codebase und Design-Dateien des Teams ein und erstellt automatisch ein Design-System, das anschließend in allen Projekten konsistent Farben, Typografie und Komponenten der Organisation anwendet
  • Mit Exporten nach Canva, PDF, PPTX und HTML sowie einem Claude Code Handoff Bundle wird der Ablauf von der Idee bis zur tatsächlichen Umsetzung in einem einzigen Workflow integriert

Überblick über Claude Design

  • Ein neues Produkt von Anthropic Labs, das Anthropic am 17. April 2026 vorgestellt hat und mit dem sich gemeinsam mit Claude Designs, Prototypen, Slides und One-Pager erstellen lassen
  • Basiert auf dem Vision-Modell Claude Opus 4.7
  • Wird als Research Preview für Abonnenten von Claude Pro, Max, Team und Enterprise bereitgestellt und im Laufe des Tages schrittweise ausgerollt

Zielgruppe und Problemstellung

  • Selbst erfahrene Designer können wegen Zeitbeschränkungen oft nur wenige Richtungen erkunden
  • Für Gründer, Produktmanager und Marketer ohne Design-Hintergrund ist es eine große Hürde, Ideen zu visualisieren und zu teilen
  • Claude Design bietet Designern mehr Raum für breite Exploration und Nicht-Designern ein Mittel zur Erstellung visueller Ergebnisse

Nutzungsweise

  • Beschreibt man, was man braucht, erzeugt Claude eine erste Version
  • Anschließend wird das Ergebnis durch Gespräche, Inline-Kommentare, direkte Bearbeitung und von Claude erstellte benutzerdefinierte Slider verfeinert
  • Wenn Zugriffsrechte erteilt werden, wird das Design-System des Teams automatisch auf alle Projekte angewendet, um Konsistenz mit dem unternehmensweiten Design sicherzustellen

Einsatzbeispiele nach Team

  • Realistische Prototypen: Designer verwandeln statische Mockups in interaktive Prototypen, die sich ohne Code-Review oder PR teilen lassen, um Feedback einzuholen und Nutzertests durchzuführen
  • Produkt-Wireframes und Mockups: Produktmanager skizzieren Feature-Flows und übergeben die Umsetzung an Claude Code oder beauftragen Designer mit zusätzlicher Verfeinerung
  • Design-Exploration: Designer generieren schnell verschiedene Richtungen
  • Pitch Decks und Präsentationen: Gründer und Account Executives erstellen aus groben Outlines in wenigen Minuten markenkonforme Decks, die sich als PPTX exportieren oder an Canva senden lassen
  • Marketingmaterialien: Marketer erstellen Landingpages, Social-Media-Assets und Kampagnenvisuals und finalisieren diese anschließend gemeinsam mit Designern
  • Frontier Design: Jeder kann codebasierte Prototypen mit Sprache, Video, Shadern, 3D und eingebauter KI erstellen

Zentrale Funktionsweise

  • Claude Design ist so aufgebaut, dass es einem natürlichen kreativen Workflow folgt

  • Aufbau eines Brand-Systems

    • Während des Onboardings analysiert Claude Codebase und Design-Dateien und erstellt automatisch das Design-System des Teams
    • Danach werden Farben, Typografie und Komponenten automatisch auf alle Projekte angewendet
    • Das System kann fortlaufend angepasst werden, und pro Team lassen sich mehrere Systeme pflegen

  • Vielfältige Eingabemöglichkeiten

    • Bietet verschiedene Startpunkte wie Text-Prompts, Bilder, Dokumentenuploads (DOCX, PPTX, XLSX) und die Angabe einer Codebase
    • Mit dem Web-Capture-Tool lassen sich Elemente realer Websites übernehmen, um Prototypen zu erstellen, die echten Produkten ähneln

  • Präzise Kontrollfunktionen

    • Bietet Inline-Kommentare für bestimmte Elemente, direkte Textbearbeitung und Slider zur Anpassung von Abständen, Farben und Layouts
    • Änderungen lassen sich gesammelt auf das gesamte Design anwenden

  • Kollaborationsfunktionen

    • Unterstützt Freigabeeinstellungen auf Organisationsebene
    • Dokumente können privat bleiben, per Link innerhalb der Organisation geteilt oder durch das Vergeben von Bearbeitungsrechten gemeinsam bearbeitet werden
    • In Gruppenchats kann das Design gemeinsam mit Claude überarbeitet werden

  • Export und Integrationen

    • Export in verschiedenen Formaten möglich, darunter interne Organisations-URLs, Ordner, Canva, PDF, PPTX und eigenständige HTML-Dateien
    • Fertige Designs werden als Bundle für die Übergabe an Claude Code verpackt und können so direkt in die Entwicklungsphase übergehen
    • Eine Ausweitung der Integrationen mit weiteren Tools ist geplant

Partnerbeispiele

  • Canva: Führt die Zusammenarbeit mit Anthropic fort und ermöglicht es, in Claude Design erstellte Ideen und Entwürfe nahtlos nach Canva zu übernehmen und dort sofort in vollständig bearbeitbare und kollaborative Designs umzuwandeln
  • Brilliant: Komplexe Interaktivität und Animations-Prototyping waren bisher aufwendig, doch Claude Design liefert einen sprunghaften Fortschritt (step change) bei der Umwandlung statischer Designs in interaktive Prototypen
    • Selbst die komplexeste Seite, die in anderen Tools mehr als 20 Prompts benötigte, ließ sich in Claude Design mit 2 Prompts nachbilden
    • Da die Design-Absicht in den Claude-Code-Handoff einfließt, wird der Übergang vom Prototypen zur Produktion reibungsloser
  • Datadog: Das Design schreitet in Gesprächen in Echtzeit voran, wodurch sich die Geschwindigkeit des Prototypings drastisch erhöht
    • Arbeiten, die zwischen Briefing, Mockup und Review-Runden eine Woche dauerten, werden in einem einzigen Gespräch abgeschlossen
    • Die Ergebnisse entsprechen den Marken- und Design-Richtlinien sehr genau

Erste Schritte

  • Claude Design steht Abonnenten von Claude Pro, Max, Team und Enterprise zur Verfügung und kann innerhalb des jeweiligen Abolimits genutzt werden
  • Bei Überschreitung des Limits kann es über extra usage weiter genutzt werden
  • In Enterprise-Organisationen ist es standardmäßig deaktiviert und kann von Administratoren in den Organization settings aktiviert werden
  • Einstieg: claude.ai/design

Verwandte Beiträge

3 Kommentare

 
kuthia 10 일 전

Nachdem ich es ausprobiert habe, ist die Erkennungsrate von Serviettenskizzen erstaunlich. Jetzt braucht man nicht einmal mehr Chat.
 
xguru 12 일 전

Nach dieser Ankündigung stürzt offenbar nur die Figma-Aktie ab.
Interessant ist auch, dass sich bei Adobe kaum etwas bewegt, vielleicht weil die Aktie ohnehin schon gefallen ist.
 
GN⁺ 12 일 전
Hacker-News-Kommentare

  • Ich denke, solche Tools sind möglich geworden, weil sich Webdesign im Internet rund um Glaseffekte und Drop Shadows vereinheitlicht hat.
    Heute kann man mit wenig Aufwand eine ansehnliche UI bauen, aber die früheren eigenwilligen, handwerklich wirkenden Designs werden immer seltener und lösen Nostalgie aus.

    • Ein einheitliches und klares Design ist nichts, wofür man sich schämen müsste.
      Wenn es ein internes Tool für Krankenhausanwälte ist, die nach Arzthaftungsprozessen suchen, dann ist die vorhersehbarste UI/UX die beste Wahl.
      Menschen müssen nur erkennen können, wann Einheitlichkeit okay ist und wann Individualität nötig ist.
    • Die meisten Versuche mit einer „originellen UI“ enden in einem Usability-Albtraum.
      Wenn es kein Kunstprojekt ist, sollte man nicht unnötige Reibung nur für einen Wow-Effekt hinzufügen.
      Die „bizarren“ Designs der Vergangenheit waren keine beabsichtigte Kunst, sondern das bestmögliche Ergebnis mit begrenzten Werkzeugen.
    • „Mit wenig Aufwand eine ansehnliche UI“ ist genau das, was ich will.
      Wer weiß, wie schwer es ist, Konsistenz und Plattform-Richtlinien einzuhalten, für den ist das wirklich ein Geschenk des Himmels.
    • Ich finde solche UIs auch genau richtig.
    • Es gibt immer noch viel zu viele schrecklich hässliche und unpraktische Enterprise-Apps.
      Das Problem ist weniger, dass Design schwer wäre, sondern dass die Leute, die sie bauen, nicht merken, dass sie hässlich sind.

  • In unserer Agentur ersetzt das weder Figma noch Designer.
    Stattdessen ist es als Werkzeug zur Vermittlung von Absichten sehr nützlich.
    Früher haben wir stundenlang nach Referenzseiten gesucht und Dinge erklärt, jetzt schicken wir schnell ein Mockup mit Claude oder Lovable, und der Designer versteht es sofort.
    Die Feedback-Schleife schrumpft von Wochen auf Minuten.

    • Schon früher haben Designer Pinterest oder Google Images nach Inspiration durchsucht.
      Jetzt wurde dieser Prozess einfach auf elegantere Weise automatisiert.
      Google Stitch war langsam und nicht besonders gut, aber der Claude-basierte Ansatz ist ziemlich beeindruckend.

  • Laut Alexanders Notes on the Synthesis of Form ist Design ein Rationalisierungsprozess von Kräften, der das Problem definiert.
    Aber viele verwechseln Design mit dem Endergebnis.
    Dieses Missverständnis führt zu unpassendem Design.
    Mit generativen Tools passt man Probleme eher in die vom Tool gelieferten Formen ein, statt sie wirklich zu verstehen.
    Am Ende kontrolliert man nur noch ästhetische Effekte und verpasst das echte strukturelle Verständnis.
    Innovation entsteht nur in einem langsamen, schrittweisen Entwurfsprozess, und genau das geht verloren.

    • Letztlich lässt sich das mit „Generative KI raubt Lernerfahrungen“ zusammenfassen.
    • Manche entgegnen: „Was ist daran schlimm, wenn ich mich nicht für Design interessiere und es nur ein Mittel ist, um ein Projekt fertigzubekommen?“
    • Es gab auch die realistische Reaktion: „Ich will einfach nur meinen Manager zufriedenstellen und am Wochenende wandern gehen.“
    • Ich stimme dem zwar zu, aber der Behauptung, solche Tools würden Erkundung und Kreativität behindern, widerspreche ich.
      Aus Ingenieurssicht helfen solche Tools bei kreativer Exploration eher mehr als komplexe Design-Tools.
    • Ich glaube, diese Lektion ist heute wichtiger denn je.

  • Der Figma-Aktienkurs fiel direkt nach der Ankündigung.
    Diese Vorstellung zielt offensichtlich auf Figma, aber auch Lovable wird davon betroffen.
    Wenn Anthropic Funktionen auf Figma-Niveau hinzufügt, hat das enormes Hit-Potenzial.

    • An der Wall Street versteht man offenbar nicht, dass das kein Figma-Ersatz ist.
      Figma ist für Designer, Claude Design ist für Nicht-Designer.
    • Tatsächlich ist das eine Reaktion auf Googles Stitch With Google.
      Ich habe Stitch-Ergebnisse in Claude Design eingefügt, und sowohl die Fragen als auch die Resultate waren ausgezeichnet.
      Ich werde es vorerst als mein wichtigstes Prototyping-Tool nutzen.
    • Der Figma-Aktienkurs ist im letzten Jahr ohnehin schon um 80 % gefallen, daher ist der Einfluss dieser Nachricht gering.
    • Wenn Anthropic nicht nur Entwickler, sondern alle Softwarefirmen durch Claude ersetzen will, weiß ich nicht, warum wir das gutheißen sollten.
    • Andererseits war es genial, dass Canva mit Claude zusammengearbeitet hat.

  • Je länger ich darüber nachdenke, desto mehr habe ich das Gefühl, dass das dem Design nicht guttut.
    KI kann keine kreativen Durchbrüche erzeugen und läuft am Ende auf durchschnittliche Ergebnisse hinaus.
    Gute Designer werden solche Tools ablehnen.
    Design ist nicht nur UI, sondern umfasst auch Bewegung, Typografie, Weißraum und Gefühl.

    • Wenn man Kreativität will, sollte man Kunst machen.
      Eine GUI sollte vertraut sein, und wenn man neue Interaktionen erfinden will, wird sie eher unbequemer.
    • 99 % des UI-Designs bestehen aus Optimierung auf Vertrautheit.
      Deshalb ähneln sich Android und iOS.
    • Man spricht von „innovativem Design“, aber das ist Kunst, nicht Design.
    • Aussagen wie „KI kann das nicht“ oder „Gute Designer werden das ablehnen“ könnten sich am Ende als berühmtes letztes Vermächtnis erweisen.
    • Barrierefreiheit wurde auch nicht erwähnt, und ich halte zugängliches Design für wichtiger als Originalität.

  • Als Designer mit 25 Jahren Berufserfahrung hier mein Feedback.
    Der Token-Verbrauch ist übermäßig hoch, und die Logo-Arbeit ist miserabel.
    Die UX war frustrierend: Feedback wurde vergessen und es sprang auf frühere Versionen zurück.
    Es gibt viel visuelle Dekoration, aber nichts ist wirklich nutzerzentriert.
    Bestehende Designsysteme werden nicht gut genutzt, stattdessen besteht ständig die Tendenz, alles von Grund auf neu bauen zu wollen.

    • Auf die Bemerkung „Die Logos sind furchtbar“ kam scherzhaft die Frage, ob es wenigstens einen Pelikan auf einem Fahrrad gut zeichnen könne.

  • Das ähnelt dem Ansatz Designsystem extrahieren → in Templates überführen → exportieren, den ich früher einmal beschrieben habe, und ist wirklich mächtig.
    Ich nutze es täglich zusammen mit Claude Code.
    Interessant ist, dass Figma mit Anthropic zusammengearbeitet hat, diesmal aber keine Erwähnung findet.
    Figmas KI-Nutzung war enttäuschend, und Figma Make war im Grunde nur auf dem Niveau eines Gemini-3-Pro-Prompts.
    Figma, das viele Sitze für PMs und Entwickler verkauft hat, dürfte von dieser Veränderung stark getroffen werden.

    • Stimmt, die meisten bezahlten Sitze bei Adobe und Figma waren für Viewer oder Nutzer mit kleinen Bearbeitungen gedacht.
    • Das Sitzsystem ist so hart, dass die Kosten explodieren, wenn man es nicht aktiv verwaltet.
    • Figma Make renderte in HTML/React, und die Umwandlung in eine Figma-Datei war nur im Pro-Plan möglich.
      Claude Design ist hier der deutlich sauberere Ansatz.

  • Es wirkt, als würde Anthropic seinen Produktbereich zu stark ausdehnen.
    Bei so einer Expansion ist Verzettelung unvermeidlich.
    Figma wird sich wohl weiter auf sein Produkt konzentrieren, aber ob Anthropic in 2 bis 3 Jahren noch Interesse daran hat, ist fraglich.

    • Eigentlich baut Anthropic Infrastruktur auf.
      Offenbar soll das später in Agenten-Orchestrierung münden.
    • Ich glaube nicht, dass Anthropic Produkte wie Google einfach aufgeben wird.
      Claude Code, Cowork, Chat usw. sind alle Teil eines Ökosystems rund um das Claude-Modell.
      Claude Design ist eine Fortsetzung davon und hat den Vorteil, Nutzerkontext zu teilen.
      Es wird wohl kaum wie Killed by Google enden.
    • Anthropic befindet sich gerade in einer Phase von Produktexperimenten wie Google in den 2010er-Jahren.
      Das meiste wird verschwinden, aber genau das macht diese Zeit spannend.
    • So ein Ansatz könnte der beste Weg sein, in jeder Branche erstklassige PoCs (Proofs of Concept) zu schaffen.
    • Letztlich haben sowohl OAI als auch Anthropic übermäßig stark auf LLMs gesetzt.
      Echte Umsätze kommen nur aus dem Verkauf von Tokens, daher ist es wichtig, den Hype bis zum IPO aufrechtzuerhalten.

  • Man sollte bedenken, dass Anthropic mit jedem neuen Produkt den Geltungsbereich seiner Wettbewerbsverbotsklauseln erweitert und zudem gern klagt.

  • Das erklärt genau, warum Mike Krieger aus dem Figma-Vorstand zurückgetreten ist.