CSS übernimmt das Kommando

Neue Kräfte im Hintergrund

Wer in den letzten Jahren Websites gebaut hat, kennt das Muster: Design-Tool, Export, Abstimmung, Entwicklung, Iteration, Repeat. Diese Woche zeichnet sich deutlich ab, dass sich dieses Muster gerade von zwei Seiten gleichzeitig auflöst – von unten durch den Browser, von oben durch KI. Was das konkret bedeutet, schauen wir uns Schritt für Schritt an.

Der Browser übernimmt Aufgaben, die früher JavaScript brauchte

Lange Zeit war klar: CSS kümmert sich ums Aussehen, JavaScript ums Verhalten. Animationen, Übergänge, interaktive Menüs, aufklappende Dropdowns – das war JavaScript-Territorium. Diese Grenze verschiebt sich gerade spürbar. Modernstes CSS 2026 kann Dinge, für die man früher eigene Skripte schreiben musste: scroll-gesteuerte Animationen, native Popovers, gestylte Auswahlfelder (base-select), typisierte Attribute mit typed attr().

Was klingt wie ein technisches Randthema, hat praktische Konsequenzen für jeden, der eine Website betreibt: Weniger JavaScript bedeutet schnellere Ladezeiten, weniger Fehlerquellen, bessere Performance auf mobilen Geräten. Für unsere Projekte bei solid4 heißt das konkret: Wir können bestimmte Interaktionen heute einfacher, stabiler und wartbarer umsetzen als noch vor zwei Jahren – und das spiegelt sich direkt in der Qualität der Endprodukte.

Besonders interessant ist die Kombination mit Design-Tokens und headless Component-Bibliotheken: CSS wird zum ernstzunehmenden Engineering-Werkzeug, das Design-Entscheidungen direkt in Code übersetzt. Design-Systeme, die auf dieser Basis aufgebaut sind, entwickeln sich von statischen Styleguides zu lebender Architektur – sie wachsen mit dem Produkt, statt daran vorbeizuexistieren.

Google Stitch 2.0: Design-System-Extraktion aus bestehenden Seiten

Am 19. März hat Google eine aktualisierte Version seines KI-Design-Tools Stitch veröffentlicht – mit einer Funktion, die für die Praxis sehr relevant ist: Stitch 2.0 kann eine beliebige Live-URL aufrufen und daraus automatisch das visuelle Design-System extrahieren. Farben, Abstände, Typografie, UI-Tokens – direkt aus einer bestehenden Website, ohne manuellen Export.

Im Hintergrund arbeitet dabei Gemini 3.1 Pro, der die extrahierten Tokens in produktionsreifen Tailwind-CSS-Code überführt. Ergänzt wird das durch Voice Canvas – Designänderungen lassen sich per Spracheingabe steuern. Und über einen MCP-Server verbindet sich Stitch direkt mit Coding-Umgebungen wie Cursor oder Claude Code.

Für Unternehmen, die bereits ein bestehendes digitales Produkt haben und es weiterentwickeln wollen, ist das ein echter Beschleuniger: Das visuelle System muss nicht neu aufgebaut werden, es wird extrahiert und direkt weiterverarbeitet. Konsistenz über Projektgrenzen hinweg wird damit deutlich leichter zu halten.

Figma macht ernst: Vom Canvas zur Plattform

Parallel dazu treibt Figma die eigene Transformation voran. Mit Figma Make und Figma Sites verlässt das Tool die Rolle des reinen Design-Canvas. Figma Make verwandelt Textbeschreibungen oder bestehende Designs direkt in lauffähige Prototypen und Apps. Figma Sites erlaubt es, fertige Designs als dynamische Websites zu veröffentlichen – mit echten Interaktionen, direkt aus dem Design-Tool heraus.

Was das verändert: Designer können heute Ideen testen, ohne eine Entwicklungsabteilung in Anspruch zu nehmen. Für Entscheider bedeutet das, dass Konzeptphasen schneller werden und Abstimmungsschleifen kürzer. Gleichzeitig steigt die Verantwortung für Designentscheidungen – wer direkt in Produktion geht, muss auch an Barrierefreiheit, Performance und technische Konsistenz denken.

Bei solid4 beobachten wir, wie sich unsere eigenen Arbeitsabläufe zwischen Figma, Cursor und Claude Code in den letzten Monaten grundlegend verändert haben. Figma bleibt die starke Mitte für alles, was in der Verfeinerungs- und Abstimmungsphase passiert – aber die Grenzen davor und danach werden fließender.

Was das für Ihr nächstes Projekt bedeutet

Die Entwicklungen dieser Woche sind kein Selbstzweck. Sie verändern konkret, was in einem digitalen Projekt möglich ist – und wie schnell:

• Bestehende Websites als Ausgangspunkt: Tools wie Stitch 2.0 machen es möglich, das visuelle System einer bestehenden Seite als Basis für neue Screens oder Features zu nutzen. Wer sein Produkt weiterentwickeln will, muss nicht bei null anfangen.
• Schnellere Prototypen, frühere Entscheidungen: Mit Figma Make lassen sich Interaktionsideen früher testen. Das hilft dabei, Fehlentwicklungen zu vermeiden, bevor zu viel Aufwand investiert wurde.
• Schlankere Implementierungen: Wo modernes CSS ausreicht, braucht es kein JavaScript. Das reduziert Komplexität und verbessert Performance – zwei Faktoren, die sich direkt auf Nutzererfahrung und Suchmaschinenranking auswirken.

Was sich durch all diese Werkzeuge nicht verändert: Die Qualität eines digitalen Produkts hängt nach wie vor davon ab, wie klar die Anforderungen sind und wie gut die Zusammenarbeit zwischen allen Beteiligten funktioniert. KI und neue Browser-Features beschleunigen die Umsetzung. Aber die richtigen Fragen zu stellen – das bleibt menschliche Arbeit. Und genau da beginnt unsere Zusammenarbeit mit Ihnen bei solid4.