Das Ende des Handoffs

Design und Code: Die Grenze verschwindet

Lange war der Ablauf in Digitalprojekten klar getrennt: Design hier, Entwicklung dort, dazwischen ein sorgfältig gepflegter Übergabeprozess. Diese Woche zeigt sich deutlicher als je zuvor, dass dieses Modell an sein Ende kommt – und was das für Unternehmen bedeutet, die digitale Produkte bauen oder betreiben.

Google Stitch 2.0: Design-Systeme auf Knopfdruck

Google hat am 19. März 2026 die zweite Version seines KI-Design-Tools Stitch veröffentlicht – und die Neuerungen sind bemerkenswert konkret. Stitch 2.0 kann jetzt eine bestehende Website aufrufen und deren Design-System automatisch extrahieren: Farben, Abstände, Typografie, Komponenten. Das bedeutet: Wer ein bestehendes Produkt hat, kann dessen visuelle DNA direkt in neue KI-generierte Screens einfließen lassen.

Neu ist außerdem Voice Canvas – Designänderungen werden per Spracheingabe ausgelöst. Man beschreibt, was sich ändern soll, und Stitch passt den Entwurf an und stellt Rückfragen. Dazu kommt ein MCP-Server, der Stitch direkt mit Tools wie Cursor und Claude Code verbindet. Für unsere Arbeit bei solid4 heißt das: Der Weg von der ersten Idee bis zum funktionierenden Interface wird kürzer – und gleichzeitig nachvollziehbarer für alle Beteiligten.

Figma MCP: Der Designprozess wird bidirektional

Auch Figma treibt die Verbindung zwischen Design und Code voran. Der Figma MCP-Server unterstützt jetzt echte Zwei-Wege-Workflows: Entwickler können gerenderte UI-Komponenten direkt als bearbeitbare Frames in den Figma-Canvas schieben – und umgekehrt Design-Kontext zurück in den Code ziehen. Was früher eine Einbahnstraße war, wird zum Kreisverkehr.

Das klingt technisch, ist aber für Entscheider relevant: Abstimmungsschleifen zwischen Designteam und Entwicklung werden kürzer. Änderungen an einer Schnittstelle spiegeln sich schneller auf der anderen Seite. Für KMUs, die mit kleinen Teams arbeiten und keine Zeit für ausgedehnte Feedbackrunden haben, ist das ein echter Fortschritt. Dazu hat Figma KI-gestützte Bildbearbeitung eingeführt: Objekte freistellen, unerwünschte Elemente entfernen, Hintergründe erweitern – direkt im Design-Tool, ohne Umweg über externe Bildbearbeitungssoftware.

Vibe Coding: Wenn Designer selbst deployen

Parallel zu diesen Tool-Entwicklungen kristallisiert sich ein neues Arbeitsmodell heraus, das in der Branche bereits als Vibe Coding diskutiert wird. Beim AI Design Systems Conference 2026 – einer zweitägigen Online-Konferenz vom 19. bis 20. März mit Experten von Figma, Adobe, GitHub, WhatsApp und Atlassian – war es das dominierende Thema: Designer, die mit KI-gestützten Coding-Tools wie Cursor IDE oder Claude Code direkt produktionsreifen Code schreiben und deployen, ohne auf eine Entwicklungsabteilung zu warten.

Das klassische Handoff-Dokument – jene sorgfältig erstellte Übergabe mit Maßen, Abständen und Komponentenbeschreibungen – verliert in diesem Modell an Bedeutung. Stattdessen entstehen Designs und Code gleichzeitig, iterativ, im Dialog mit KI. Bei solid4 beobachten wir diesen Wandel aus nächster Nähe: Unsere eigenen Workflows mit Figma, Claude Code und Cursor haben sich in den letzten Monaten grundlegend verändert.

Was das für Ihr Projekt bedeutet

Für Unternehmen, die eine neue Website, einen Webshop oder eine digitale Anwendung planen, ergeben sich daraus konkrete Konsequenzen:

• Kürzere Iterationszyklen: Änderungswünsche können schneller umgesetzt werden, weil Design- und Entwicklungsschritte enger verzahnt sind.
• Mehr Transparenz: Wenn Design-Entscheidungen direkt im Code sichtbar werden, können auch Nicht-Designer früher beurteilen, ob die Richtung stimmt.
• Stabilere Design-Systeme: Tools wie Stitch 2.0, die bestehende visuelle Systeme extrahieren und weiterverarbeiten, helfen dabei, Konsistenz über Projektgrenzen hinweg zu wahren – ein Thema, das besonders bei wachsenden digitalen Präsenzen relevant wird.

Die Technologie ändert sich schnell. Was sich nicht ändert: Gutes digitales Design entsteht dort, wo Klarheit über Ziele, Zielgruppen und Prozesse herrscht. KI-Tools beschleunigen die Umsetzung – sie ersetzen aber nicht das Denken, das davor kommt. Und genau da setzen wir bei solid4 an.