Claude Design Setup Workflow

Schritt 1. Gehe zu claude.ai/design (merke dir die URL). Melde dich mit einem Pro- oder Max-Tarif an. Erstelle einen Ordner: „Claude Design.“ Lege jedes Marken-Asset hinein, das du besitzt: Logos, frühere Präsentationen, Landing Pages, Marken-PDFs. Schritt 2. Erstelle deine DESIGN.md. Öffne Claude Cowork. Richte es auf den Ordner aus. Füge ein: „Analysiere diesen Ordner und erstelle eine vollständige Design-System-Beschreibung. Schriften, Farben, grafische Stile, Komponentenmuster, Tonfall, Layout-Konventionen. Markiere alles, was fehlt. Speichere es als DESIGN.md.“ Schritt 3. Lege deine Prompt-Struktur fest. 4 Eingaben: Ziel, Layout, Inhalt, Einschränkungen. Schlecht: „Erstelle mir eine Preisseite.“ Gut: „Erstelle eine Preisseite für [Produkt]. 3 Tarife, Jahres-/Monats-Umschalter, sticky CTA auf Mobilgeräten. Tonfall: premium, strategisch - denke an Stripe + Anduril. Stimme mit DESIGN.md überein.“ Schritt 4. Wähle das Format. Wireframe → vollständige Websites und Landing Pages. Slide-Deck → Pitch-Decks (mit Sprechernotizen). Aus Vorlage → 45-Sekunden-animierte Videos. Schritt 5. Generiere und iteriere dann. Strukturelle Änderungen im Chat: „Zeig mir 3 alternative Layouts.“ Pixel-Änderungen im Canvas: Klicke auf Bearbeiten, markiere, was du geändert haben möchtest. Responsive-Checks: „Generiere Desktop-, Tablet- und Mobile-Versionen.“ Schritt 6. Exportiere. PPTX, PDF, eigenständiges HTML oder ein Code-Bundle.