Claude Design

Claude Design ist ein Tool von Anthropic Labs, mit dem du Prototypen, Präsentationen und Layouts im Gespräch mit Claude gestaltest – direkt auf Basis deines eigenen Design Systems.

Was ist Claude Design – und was macht es anders als andere KI-Tools?

Claude Design ist ein Produkt von Anthropic Labs, das im April 2026 als Research Preview gestartet ist. Du beschreibst, was du brauchst, und Claude baut daraus Prototypen, Wireframes, Pitch Decks oder Marketing-Material. Gestaltet wird auf einer Canvas, auf der du im Chat nachjustierst.

Das klingt erstmal nach vielen anderen KI-Tools. Der Unterschied: Claude Design liest beim Onboarding deine Codebasis und deine Designdateien und baut daraus ein Design System. Farben, Typografie und Komponenten sind danach in jedem neuen Projekt automatisch dabei.

Fertige Entwürfe exportierst du als PDF, PPTX oder HTML, schickst sie nach Canva oder übergibst sie als Handoff Bundle an Claude Code.

Warum ist das für Marken und Webprojekte spannend?

Wer ein KI-Tool schon mal nach „etwas Modernem“ gefragt hat, kennt das Ergebnis: generisch, austauschbar, nicht deine Marke. Claude Design dreht die Reihenfolge um. Erst kommt das System, dann der Entwurf. Das heißt aber auch: Die Qualität des Ergebnisses hängt direkt davon ab, wie sauber deine Marke dokumentiert ist.

  • Gut definierte Marke: Claude Design setzt Farben, Schriften und Abstände konsistent um und liefert Entwürfe, die nach dir aussehen.
  • Unsauberes Fundament: Das Tool übernimmt, was es findet – inklusive aller Widersprüche. Aus Chaos wird dann nur schneller Chaos.
  • Kein Ersatz für Entscheidungen: Claude Design beschleunigt Varianten und Prototypen. Wofür deine Marke steht, beantwortet es nicht.

Kurz: Das Tool ist nur so gut wie das Design System, das du ihm mitgibst.

Was sind häufige Fragen rund um Claude Design?

  • Was ist Claude Design und wer hat es entwickelt?
  • Wie baue ich ein Design System in Claude Design auf?
  • Welche Pläne haben Zugriff auf Claude Design?
  • Kann Claude Design mit Figma oder Webflow zusammenarbeiten?
  • Was ist der Unterschied zwischen Claude Design und Figma?
  • Wie kommt ein Entwurf aus Claude Design in echten Code?

5 Dinge, die du vor dem Einstieg in Claude Design klären solltest

  1. Markenfundament: Sind Farben, Typografie und Logo-Regeln dokumentiert? Gute Brand Guidelines sind die Eintrittskarte.
  2. Saubere Benennung: Einheitliche Namen für Farben, Abstände und Komponenten. Sonst baut sich Claude ein System aus deinen Widersprüchen. Mehr dazu bei den Design Tokens.
  3. Eine Quelle der Wahrheit: Gilt am Ende Figma, der Code oder Webflow? Leg das fest, bevor du importierst.
  4. Zugriff und Freigaben: In Enterprise-Plänen ist das Feature standardmäßig aus und muss von Admins aktiviert werden.
  5. Der Weg zum Livegang: Ein Prototyp ist noch keine Website. Plane, wie der Entwurf in Webflow oder im Code landet.

Ich arbeite täglich mit Figma und Webflow und baue Marken so auf, dass Tools wie Claude Design etwas damit anfangen können. Wenn du wissen willst, wie das bei dir aussehen kann: Komm einfach auf mich zu.

Claude Design braucht ein starkes Fundament – ich baue es mit dir

Du willst Claude Design mit einem Design System füttern, das wirklich nach deiner Marke aussieht? Genau so etwas ermögliche ich für meine Kund:innen: von der Markenbasis bis zum einsatzbereiten Setup. Erzähl mir von deinem Projekt!

Über den Autor

Lorenz Töpfer ist Freelancer für Webdesign, Webflow Umsetzung und Brand Design.
Lorenz Töpfer
Brand Designer, Webdesigner und zertifizierter Webflow Expert

Als erfahrener Brand Designer, Webdesigner und zertifizierter Webflow Expert betreue ich schon seit vielen Jahren Kund:innen aus verschiedensten Branchen und verhelfe ihnen durch herausragendes Design zu mehr Marktanteilen.

Lorenz Töpfer sitzt mit seinem Macbook auf dem Schoß auf einer Treppe und arbeitet an einem neuen Brand Design Projekt.