Claude Design & Claude Code: Direkte Verbindung per Design Sync
Seit dieser Woche sprechen Claude Design und Claude Code direkt miteinander — kein manueller Export, kein umständlicher Import-Umweg mehr. Filip zeigt live, wie das neue Design-Sync-Feature den Workflow verändert: Designsystem anlegen, in Claude Code referenzieren, iterieren und Erkenntnisse zurückschreiben. Warum das für alle, die Webprojekte mit Claude bauen, ein echter Einschnitt ist.
Was in einem Designsystem steckt — und warum es vorher im Dornröschenschlaf lag
Claude Design kann vollwertige Designsysteme verwalten: Schriften, erlaubte und verbotene Gestaltungselemente, Buttons in sämtlichen Varianten, Shapes, Animationen, komplette Komponentenvorlagen. Filip hat das Designsystem des Koerting Institute bereits seit Längerem dort gepflegt — und es trotzdem kaum genutzt. Der Grund: Es existierte zwar, ließ sich aber nur über einen umständlichen Export-Import-Umweg in Claude Code bringen. Das bremst jeden realen Workflow aus. Wer kennt das nicht — ein Tool, das theoretisch gut klingt, aber in der Praxis an einer einzigen Reibungsstelle scheitert.
Design Sync: Was das neue Feature konkret ändert
Seit dieser Woche ist das anders. Das neue Design-Sync-Feature erlaubt Claude Code, direkt auf ein bestehendes Claude-Design-Projekt zuzugreifen — ohne Export, ohne manuellen Transfer. Filip zeigt das live: Claude Code ruft den Design Sync auf, liest das Designsystem aus und listet auf, was es darin findet. Der erste Austausch bringt, wie gewohnt, viele Rückfragen — das kennt jeder, der regelmäßig mit Claude Code arbeitet. Entscheidend ist, dass die Verbindung jetzt stabil steht. Zwei Welten, die schon immer zusammengehört haben, können endlich direkt miteinander reden.
Der Loop läuft in beide Richtungen
Der eigentliche Mehrwert liegt nicht nur im Lesen, sondern im bidirektionalen Workflow. Filip beschreibt es konkret: Ein Projekt, das ursprünglich jemand anderes angelegt hat, landet im eigenen Claude-Code-Umfeld. Von dort lässt es sich weiterentwickeln — deployen, neue Funktionen einbauen, iterieren. Und was dabei gelernt wird, etwa dass Eckenradien angepasst werden sollten oder Buttons auf einer Seite besser auffindbar sein müssen, fließt per Prompt direkt zurück ins Designsystem. „Aktualisiere bitte mein Designsystem hinsichtlich der Punkte, die wir gerade besprochen haben" — das reicht als Anweisung.
Flexibler Einstieg: Mit oder ohne Designsystem starten
Claude Design zwingt niemanden, von Anfang an strukturiert zu arbeiten. Wer einen schnellen Entwurf braucht, kann das Designsystem einfach weglassen und erst später drüberlegen. Außerdem lassen sich mehrere Designsysteme parallel anlegen — sinnvoll für verschiedene Projekte oder unterschiedliche Marken. Das macht den Ansatz skalierbar: Ein Freelancer betreut fünf Kunden, jeder bekommt sein eigenes System. Eine Agentur trennt Marke A sauber von Marke B. Der Workflow passt sich an, nicht umgekehrt.
Fazit: Eine Lücke, die jetzt geschlossen ist
Was Filip in dieser Folge zeigt, ist kein großes Produktversprechen, sondern eine konkrete Lücke, die geschlossen wurde. Design und Code waren bei Claude schon länger als zusammengehörig gedacht — die direkte Verbindung fehlte aber. Wer Webprojekte mit Claude baut und bisher auf externe Tools oder manuelle Zwischenschritte angewiesen war, kann diesen Umweg ab sofort weglassen. Das spart nicht nur Zeit, es ändert auch, wie konsequent ein Designsystem im Projektalltag genutzt wird. Nicht in einem Jahr. Sondern jetzt.
Das nimmst du mit:
• Claude Code greift seit dieser Woche per Design Sync direkt auf Designsysteme in Claude Design zu — kein manueller Export mehr nötig.
• Du kannst in Claude Design auch ohne Designsystem starten und es nachträglich über einen bestehenden Entwurf legen.
• Erkenntnisse aus dem Coding-Prozess — etwa zu Eckenradien oder Button-Platzierung — lassen sich per Prompt direkt zurück ins Designsystem schreiben.
• Mehrere Designsysteme parallel sind möglich, zum Beispiel für verschiedene Projekte oder unterschiedliche Marken.
• Der bidirektionale Loop zwischen Design und Code funktioniert jetzt stabil — zwei Welten, die zusammengehören, sind endlich direkt verbunden.
Kapitel:
00:00 Designsysteme in Claude Design — was steckt drin?
00:57 Das Problem vorher: umständlicher Export-Import-Umweg
01:32 Design Sync: Claude Code greift direkt auf Claude Design zu
02:29 Vom Design in den Code — und zurück
03:14 Warum dieser Hand-off-Workflow jetzt erst richtig funktioniert
Noch mehr von den Koertings ...
Das KI-Café ... jede Woche Mittwoch (>350 Teilnehmer) von 16:30 bis 18:00 Uhr ... online via Zoom .. kostenlos und nicht umsonst
Jede Woche Mittwoch um 16:30 Uhr öffnet das KI-Café seine Online-Pforten ... wir lösen KI-Anwendungsfälle live auf der Bühne ... moderieren Expertenpanel zu speziellen Themen (bspw. KI im Recruiting ... KI in der Qualitätssicherung ... KI im Projektmanagement ... und vieles mehr) ... ordnen die neuen Entwicklungen in der KI-Welt ein und geben einen Ausblick ... und laden Experten ein für spezielle Themen ... und gehen auch mal in die Tiefe und durchdringen bestimmte Bereiche ganz konkret ... alles für dein Weiterkommen.
Melde dich kostenfrei an ... www.koerting-institute.com/ki-cafe/
Mit jedem Prompt ein WOW! ... für Selbstständige und Unternehmer
Ein klarer Leitfaden für Unternehmer, Selbstständige und Entscheider, die Künstliche Intelligenz nicht nur verstehen, sondern wirksam einsetzen wollen. Dieses Buch zeigt dir, wie du relevante KI-Anwendungsfälle erkennst und die KI als echten Sparringspartner nutzt, um diese Realität werden zu lassen. Praxisnah, mit echten Beispielen und vollständig umsetzungsorientiert.
Das Buch ist ein Geschenk, nur Versandkosten von 9,95 € fallen an. Perfekt für Anfänger und Fortgeschrittene, die mit KI ihr Potenzial ausschöpfen möchten.
Das Buch in deinen Briefkasten ... https://koerting-institute.com/shop/buch-mit-jedem-prompt-ein-wow/
Die KI-Lounge ... unsere Community für den Einstieg in die KI (>2800 Mitglieder)
Die KI-Lounge ist eine Community für alle, die mehr über generative KI erfahren und anwenden möchten. Mitglieder erhalten exklusive monatliche KI-Updates, Experten-Interviews, Vorträge des KI-Speaker-Slams, KI-Café-Aufzeichnungen und einen 3-stündigen ChatGPT-Kurs.
Tausche dich mit über 4.000 KI-Enthusiasten aus, stelle Fragen und starte durch.
Initiiert von Torsten & Birgit Koerting, bietet die KI-Lounge Orientierung und Inspiration für den Einstieg in die KI-Revolution.
Hier findet der Austausch statt ... www.koerting-institute.com/ki-lounge/
Starte mit uns in die 1:1 Zusammenarbeit
Wenn du direkt mit uns arbeiten und KI in deinem Business integrieren möchtest, buche dir einen Termin für ein persönliches Gespräch. Gemeinsam finden wir Antworten auf deine Fragen und finden heraus, wie wir dich unterstützen können. Klicke hier, um einen Termin zu buchen und deine Fragen zu klären.
Buche dir jetzt deinen Termin mit uns ... www.koerting-institute.com/termin/
Weitere Impulse im Netflix Stil ...
Wenn du auf der Suche nach weiteren spannenden Impulsen für deine Selbstständigkeit bist, dann gehe jetzt auf unsere Impulseseite und lass die zahlreichen spannenden Impulse auf dich wirken.
Inspiration pur ... www.koerting-institute.com/impulse/
Die Koertings auf die Ohren ...
Wenn dir diese Podcastfolge gefallen hat, dann höre dir jetzt noch
weitere informative und spannende Folgen an ...
über 500 Folgen findest du hier ... www.koerting-institute.com/podcast/
Wir freuen uns darauf, dich auf deinem Weg zu begleiten!
