AI-translated from English; not yet reviewed by a fluent editor. # Ein wiederverwendbares System in Claude Design aufbauen und prüfen > Erstellen Sie aus freigegebenen Markenmaterialien ein wiederverwendbares System in Claude Design, prüfen Sie die Regeln, testen Sie einen neuen Entwurf und kontrollieren Sie, wer es nutzen darf. By BIG CHANGE Editorial Published: 2026-10-20T15:24:38.202Z Updated: 2026-10-20T15:24:38.202Z Canonical: https://bigchange.ai/blog/claude-design-reviewed-brand-system-guide ![Conceptual charcoal illustration of a wide unbranded layout proof emerging from a print press, with three plain samples clipped to its side rail.](https://bigchange.ai/api/media/file/claude-design-brand-system-proof-hero-v1.png) AI-generated conceptual illustration by BIG CHANGE. Claude Design kann freigegebene Markenmaterialien in ein System für neue Entwürfe und Präsentationen überführen. Das nützliche Ergebnis ist mehr als eine Palette: ein gespeicherter, geprüfter Satz von Farben, Typografie, Komponenten und Layoutregeln, dessen Anwendung Sie in einem neuen Entwurf prüfen können. Der Leitfaden richtet sich an Markenverantwortliche oder Designer mit der Befugnis, Quelldateien zu verarbeiten und das Ergebnis freizugeben. Der Ablauf ist dokumentiert; BIG CHANGE hat kein System in einem Claude-Konto erstellt oder getestet. ## Die große Veränderung - **Was sich geändert hat:** Der aktuelle Weg über Chat und Artifacts erlaubt autorisierten Verantwortlichen, wiederverwendbare Regeln aus freigegebenen Markenreferenzen zu erstellen. Vor dem Teameinsatz muss das erzeugte System trotzdem geprüft werden. - **Warum das wichtig ist:** Regeln vergleichen und korrigieren und danach einen neuen Entwurf testen: So lässt sich prüfen, ob das gespeicherte System die gewünschte Marke in die tatsächliche Arbeit überträgt. - **Worauf Sie achten sollten:** Verantwortliche müssen weiterhin die Übernahme im Entwurf, Material- und Schriftrechte, Barrierefreiheit und den endgültigen Freigabekreis prüfen. Ein ansprechendes erstes Ergebnis klärt diese Fragen nicht. ## Quellen und Konto vorbereiten Designsysteme sind als Beta in Pro, Max, Team und Enterprise verfügbar. Das grundlegende Claude Design ist breiter zugänglich, verschafft aber nicht jedem Konto Design systems. Prüfen Sie Zielorganisation und Konto. Bei Enterprise muss ein Verantwortlicher Design systems möglicherweise unter Organization settings > Artifacts aktivieren; Organisationsregeln und benutzerdefinierte Rollen können den Zugang ebenfalls begrenzen. Klären Sie Speicher- und Datenresidenzanforderungen vor dem Senden: Laut Anthropic unterstützt Claude Design derzeit keine Datenresidenzanforderungen und speichert hochgeladene Materialien dauerhaft. Sammeln Sie mindestens eine freigegebene Quelle, etwa aktuelle Markenrichtlinien, erlaubte Logos und Schriften, eine repräsentative Präsentation oder eine eigene Komponentenbibliothek. Notieren Sie Eigentümer, Fassung, Nutzungs- und Verarbeitungsrechte und bekannte Konflikte. Lassen Sie widersprüchliche Farbwerte, Schriftlizenzen oder Logoregeln vom Markenverantwortlichen klären. Eine fehlende Entscheidung bleibt offen; Claude darf keinen Markenwert stellvertretend genehmigen. Wählen Sie einen tatsächlich benötigten Entwurf und legen Sie Prüfer und spätere Empfänger des Systems fest. Führen Sie eine private Arbeitsakte mit Quellfassungen und Rechten, Konto und Organisation, Systemname und Eigentümer sowie geprüfter Fassung. Halten Sie Farbfunktionen und Werte, Schriftfamilien und Lizenzen, Logovarianten und Regeln, Komponentenvarianten und Zustände, Abstände und Layout, unabhängige Barrierefreiheitsprüfungen, Testentwurf, Genehmigung und ausgelesene Freigaben fest. Dies sind Ihre Prüfunterlagen, keine von Claude zugesagten Felder. ## Das System aufbauen und prüfen 1. **Öffnen Sie Design systems im vorgesehenen Konto.** Prüfen Sie Verfügbarkeit und Organisation. Der aktuelle Anthropic-Weg erlaubt die Erstellung im Chat aus verbundenen oder hochgeladenen Markenmaterialien und die Verwaltung unter Settings > Design systems. Fehlt der Zugang, dokumentieren Sie die konkrete Tarif-, Funktions- oder Rollenbarriere. Verschieben Sie sensible Materialien nicht zur Umgehung in ein persönliches Konto. 2. **Übergeben Sie freigegebene Referenzen und einen begrenzten Auftrag.** Laden oder verbinden Sie nur Material, das Sie verarbeiten dürfen. Eine normale Bitte genügt: „Erstelle aus diesen freigegebenen Referenzen ein Designsystem. Benenne die Quelle jeder vorgeschlagenen Farbe, Schriftregel, Logoanweisung, Komponente und Layoutstruktur. Kennzeichne fehlende oder widersprüchliche Regeln zur Entscheidung durch den Eigentümer, statt sie zu erfinden.“ Notieren Sie tatsächliche Eingabefassungen und Systemidentität. Existiert das System bereits als React-Komponenten, dokumentiert Anthropic `/design-sync` in Claude Code als Alternative; nutzen Sie dies nur mit autorisiertem Code und Zugang. 3. **Gleichen Sie das erzeugte System mit den Quellen ab.** Prüfen Sie im Artefakt alle wichtigen Farbfunktionen und Werte; Schriftfamilie, Stärke, Größenstaffel und Lizenz; Logovariante, Schutzraum und verbotene Nutzung; Komponente, Variante und Zustand; Abstände, Raster und Layoutmuster. Die Nutzungshinweise müssen erklären, wann eine Regel gilt. Kennzeichnen Sie fehlende oder unbelegte Punkte als offen und holen Sie vor Änderungen die Entscheidung des Eigentümers ein. Ein plausibler erzeugter Logoentwurf wird dadurch nicht zum lizenzierten Markenzeichen. 4. **Korrigieren, dokumentieren und speichern Sie eine geprüfte Fassung.** Lassen Sie nur Regeln ändern, für die eine freigegebene Quelle oder ausdrückliche Eigentümerentscheidung vorliegt. Öffnen Sie das gespeicherte System erneut und vergleichen Sie korrigierte Werte mit den Referenzen. Führen Sie ein eigenes datiertes Änderungsprotokoll und eine erlaubte Kopie der Vorgaben: Laut Anthropic besitzt Claude Design noch keinen Versionsverlauf. Erfassen Sie Systemidentität, Eigentümer, Quellfassungen, Prüfer und offene Punkte zur Testfassung. 5. **Prüfen Sie auch außerhalb des Systemartefakts.** Messen Sie vorgesehene Text-Hintergrund-Paare einschließlich Komponentenzuständen mit einem unabhängigen Kontrastprüfer nach dem anwendbaren Projektstandard. WCAG 2.2 nennt mindestens 4.5:1 für normalen und 3:1 für großen Text, unter den angegebenen Ausnahmen. Prüfen Sie Schriftrechte und Lesbarkeit, responsive Layouts, sichtbaren Fokus und Tastaturverhalten im tatsächlichen Entwurf, soweit möglich. Laut Anthropic sind Live-Komponentenvorschauen im Systemartefakt nicht mit Tab erreichbar und bedienbar; Namen und Hinweise lesen ist kein Tastaturtest. Nicht ausführbare Prüfungen bleiben offen. Ein bestandener Kontrasttest belegt keine umfassende Barrierefreiheit. 6. **Testen Sie die Übernahme in neuer Arbeit.** Starten Sie einen neuen repräsentativen Entwurf im Chat oder mit der Design-Vorlage von Artifacts und hängen Sie das geprüfte System an oder wählen Sie es aus. Vergleichen Sie auf der tatsächlichen Arbeitsfläche in relevanten Größen Farbfunktionen, Schrift, Logo, Komponenten, Zustände und Abstände mit der gespeicherten Fassung. Bei Abweichungen korrigieren Sie System oder Entwurf, erstellen oder aktualisieren den Test und prüfen erneut. Öffnen Sie System und Testentwurf im richtigen Konto erneut. Ein erfolgreicher Test beschreibt diesen Entwurf; er garantiert keine späteren Ausgaben. 7. **Teilen Sie erst nach der Eigentümerentscheidung.** Entwürfe sind zunächst privat. Soll ein privates geprüftes System entstehen, lassen Sie es privat und dokumentieren den Zustand. Ist Teamnutzung genehmigt, verwenden Sie die aktuellen Artifacts-Freigaben und lesen die Empfänger erneut aus. Wer Design systems nutzen darf, kann ein System erstellen und mit bestimmten Personen teilen; für alle teilen oder als Organisationsstandard festlegen muss ein Owner oder Primary Owner. Vor dem Standard muss das System für alle freigegeben sein. Für die organisationsweite Freigabe des Systems eines anderen Erstellers braucht Owner oder Primary Owner zunächst dessen Einladung auf höchster Zugriffsstufe. Prüfen Sie endgültigen Eigentümer, Empfänger und Standard im richtigen Konto. Die separate Anwendung claude.ai/design besitzt eigene Veröffentlichungsregler und soll am 14. Dezember 2026 schließen; ihr Published-Schalter ist nicht die Artifacts-Freigabe. ## Wenn die Prüfung nicht gelingt Fehlt die Funktion, prüfen Sie Tarif, Artifacts-Einstellung und Rolle und respektieren die konkrete Zugangsgrenze. Prüfen Sie bei Upload- oder Verbindungsfehlern Antwort und erlaubte Quelle vor einem begrenzten Wiederholungsversuch. Widersprechen sich Quellen, entscheidet der Markenverantwortliche; füllen Sie keine Lücke mit einem erzeugten Wert. Weichen gespeicherte Regeln oder neue Entwürfe von der Freigabe ab, korrigieren und vergleichen Sie erneut. Bei unklarem Freigabeergebnis lesen Sie Empfänger und Standard vor dem nächsten Versuch aus. Spätere Markenänderungen erfordern eine erneute Prüfung betroffener Regeln und Testentwürfe. Claude Design nutzt dasselbe Kontingent wie das übrige Claude einschließlich Claude Code; zusätzliche Guthaben können bei Aktivierung verfügbar sein. Große Eingaben und Wiederholungen verbrauchen mehr. Dieser Leitfaden hat Zeit, Kosten oder Qualität nicht gemessen. Anthropic dokumentiert Designexporte wie ZIP, PDF, PowerPoint oder eigenständiges HTML. Das belegt keinen automatischen Systemexport in CSS, JSON, Tailwind oder Figma-Tokens. Prüfen Sie benötigte Folgeformate im aktuellen Produkt, bevor Sie eine Übergabe versprechen. Fertig sind Sie, wenn das gespeicherte System einen benannten Eigentümer und eine geprüfte Fassung hat; wichtige Farben, Schriften, Logos, Komponenten und Anweisungen auf freigegebene Quellen zurückgehen; unabhängige Prüfungen mit sichtbaren offenen Punkten dokumentiert sind; ein neuer Entwurf das System erkennbar verwendet; und Empfänger sowie Standardzustand ausgelesen sind. Einen anderen Weg zur genehmigten Designspezifikation für Claude Code beschreibt unser [DESIGN.md-Leitfaden](https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide). ## Quellen und weiterführende Informationen - [Anthropic: Ein Designsystem in Claude Design einrichten](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design) — passende Tarife, Erstellung über Chat und React, gespeicherte Verwaltung, Material, Testhinweise und Tastaturgrenze. Spätere Anleitungen zur eigenständigen Anwendung sind ein anderer Weg. - [Anthropic: Artifacts-Administration für Team und Enterprise](https://support.claude.com/en/articles/16994751-artifacts-admin-guide-for-team-and-enterprise-plans) — aktuelle Organisationsregeln, Freigabe- und Standardrechte, Nutzung, dauerhafte Uploads und Datenresidenzgrenze. - [Anthropic: Einstieg in Claude Design](https://support.claude.com/en/articles/14604416-get-started-with-claude-design) — aktuelle Chat- und Artifacts-Erstellung, Systemzuordnung, Arbeitsflächenprüfung, Privatsphäre, gemeinsames Kontingent und fehlender Versionsverlauf. - [Anthropic: Was sind Artefakte und wie werden sie verwendet?](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them) — vorlagenbasierte Designexporte; verspricht keine Interoperabilität von Designtokens. - [W3C: Den Mindestkontrast von WCAG 2.2 verstehen](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) — Textkontrastwerte und Ausnahmen für eine unabhängige Prüfung. ## Sources - [Ein Designsystem in Claude Design einrichten](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design) — Beta in bezahlten Tarifen, freigegebene Eingabearten, Chat-Erstellung, React-Alternative /design-sync, Verwaltung, Testhinweise, Tastaturgrenze und separate App-Anleitung. - [Artifacts-Administration für Team und Enterprise](https://support.claude.com/en/articles/16994751-artifacts-admin-guide-for-team-and-enterprise-plans) — Artifacts-Einstellungen und Rollen, Reihenfolge organisationsweiter Freigabe und Standard, Erstellereinladung, gemeinsames Kontingent, dauerhafte Uploads und Datenresidenzgrenze. - [Einstieg in Claude Design](https://support.claude.com/en/articles/14604416-get-started-with-claude-design) — Aktuelle Wege über Chat und Artifacts, Systemübernahme, private Entwürfe, Kontingent und Versionsverlaufsgrenze. - [Was sind Artefakte und wie werden sie verwendet?](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them) — Designexporte; belegt keinen automatischen Export der Systemtokens. - [Den Mindestkontrast von WCAG 2.2 verstehen](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) — Mindestwerte und Ausnahmen für Text; unabhängig messen muss weiterhin der Leser. - [Eine vom Eigentümer freigegebene DESIGN.md für Claude Code erstellen](https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide) — Verwandter BIG CHANGE-Leitfaden Nr.433 als Kontext, keine datierte Fortsetzung.