Diskussion

Claude-Design-Workflow: Von Assets bis Export

Von Wikiprompt, der freien Prompt-Enzyklopädie

Ruben Hassid
Beigetragen vonRuben HassidXQuelle

8. Mai 2026

Claude-Design-Workflow: Von Assets bis Export Eine Schritt-für-Schritt-Anleitung zum Gestalten in Claude, die Einrichtung, Erstellung von Designsystemen, effektives Prompting, Iteration, Validierung und Export abdeckt.

Prompt-InhaltSpeichern

🌐
1. Öffne claude.ai/design (es hat eine eigene URL). 2. Format: Wireframe, Slides, Template oder Freeform. 3. Melde dich mit einem Pro- oder Max-Tarif an. 4. Nutze meinen vollständigen Setup-Leitfaden: https://t.co/ZY8Fg5D2ea. Bevor du promptest, hole dir eine DESIGN .md: 1. Lege jedes Marken-Asset in einen Cowork-Ordner. Prompt: "Speichere das Design-System als DESIGN .md" 2. ODER stiehl eines in 30 Sekunden von getdesign.md (Airbnb, Ferrari, Pepsi, jede Marke) Dann hör auf, Pixel zu beschreiben. Füge stattdessen dies ein: "Erstelle eine Preisseite. 3 Tarife, monatlicher/jährlicher Umschalter, sticky CTA auf Mobilgeräten. Passe den Ton unserer Homepage an." Gute Prompts haben Ziele, Layout, Inhalt und Einschränkungen. Es liest DESIGN .md, um die Seite zu erstellen. Für Pitch-Decks bitte nie direkt um Slides bitten. Generiere zuerst ein 30-sekündiges animiertes Video, dann im selben Chat: "Konvertiere das Video in ein Slide-Pitch-Deck." Iteriere an zwei Stellen: Strukturelle Änderung im Chat: "Gib 3 verschiedene Layouts." Pixel-Änderungen auf der Canvas. Klicke auf Bearbeiten, es leuchtet grün auf Validiere immer, bevor du exportierst: "Liste WCAG 2.1 AA-Verstöße mit Fixes auf." "Generiere Desktop-, Tablet- und Mobile-Versionen." "Schlage 2 A/B-Varianten des Hero-Bereichs vor." Oben rechts → Exportieren. In PPTX, PDF, eigenständigem HTML oder einem Bundle für das Claude-Code-Format.

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit productivity gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:productivity| twitter| claude-design| design-workflow

Diskussion