Webdesign mit Claude Design: Von CI zum fertigen Layout
Erstelle moderne, hochwertige Websites mit Claude Design: Lerne, wie du Design Systems per Markdown hinterlegst, Layouts über Screenshots steuerst und Seiten iterativ verfeinerst.
Dieser Snip gehört zum Mitgliederbereich. Melde dich an, um deinen Zugriff zu prüfen und weiterzulernen.
Anmelden und ansehenÜber diesen Snip
In diesem Snip erfährst du, wie du mit Claude Design moderne, professionelle Websites erstellst – von der formalen CI-Vorgabe bis zum fertigen Seitenlayout. Jan führt dich Schritt für Schritt durch den dreistufigen Prozess aus Design System, Strukturierung und optionalen Animationen.
Du lernst, wie du Designdefinitionen im Markdown-Format (.md) über Quellen wie getdesign.md importierst, UI-Komponenten gezielt im Chat oder per visueller Markierung nachjustierst und externe Layout-Inspirationen (etwa von Dribbble) per Screenshot als Vorlage für deinen Webseitenaufbau nutzt. Zudem gibt es wertvolle Praxistipps zum sparsamen Umgang mit dem Token-Budget sowie einen Einblick in erweiterte Animationen mit GSAP über Claude Code.
Vom Anschauen zum Anwenden
Was möchtest du aus diesem Snip in deinem Arbeitsalltag ausprobieren? Wähle eine konkrete Aufgabe und überlege, wie du das Ergebnis überprüfen kannst.
