Der Canvas denkt mit

Der Canvas denkt mit

Es gibt Wochen, in denen sich im Design-Kosmos mehr verändert als in manchem ganzen Jahr. Diese Woche war so eine. Zwischen dem Figma-Release-Event, Googles I/O-Konferenz und einem unscheinbaren Chrome-Update stecken drei Entwicklungen, die wir bei solid4 genau verfolgen — weil sie direkt beeinflussen, wie wir für unsere Kunden arbeiten.

Figma wird zur Agenten-Zentrale

Das Spannendste aus dem Figma-Mai-Update ist nicht ein einzelnes Feature — es ist ein Paradigmenwechsel. Figma hat seinen MCP-Server (Model Context Protocol) deutlich ausgebaut und stellt damit eine direkte Brücke zwischen KI-Agenten wie Cursor oder Claude Code und dem Designfile her. Konkret bedeutet das: Ein Coding-Agent kann jetzt nicht nur Code generieren, sondern diesen Code gleichzeitig als designfertige Frames auf den Figma-Canvas schreiben — inklusive der bestehenden Design-System-Komponenten und Variablen-Tokens.

In unserer täglichen Arbeit mit Cursor für die Entwicklung und Figma für das Design war die Lücke zwischen diesen beiden Welten immer eine Quelle von Doppelarbeit. Wir haben Screens designed, dann entwickelt, dann wieder angepasst — und irgendwo in diesem Kreislauf verloren sich Entscheidungen. Das ändert sich gerade grundlegend. Mit Skills wie /prototype-to-figma oder /figma-use kann ein Agent jetzt ausgehend von einem laufenden Prototypen saubere Design-Frames erzeugen, die direkt auf dem Library-Stand des Projekts basieren.

Was das für Kunden bedeutet: Kürzere Iterationsschleifen. Wenn ein Kunde in einer Feedbackrunde eine Änderung wünscht, wandert diese nicht mehr durch drei Hände, bevor sie im Browser sichtbar ist. Der Agent übernimmt das Scaffolding — wir bringen die Designentscheidung. Das ist keine Entwarnung für Qualität, sondern eine Beschleunigung bei den richtigen Stellen. (Figma Release Notes Mai 2026)

Vibe Design kommt in die Praxis — mit Googles Stitch

Beim Google I/O am 19. Mai stellte Google sein KI-Design-Tool Stitch in einer deutlich erwachseneren Version vor. Was ursprünglich als simpler UI-Generator startete (Google hatte Galileo AI im Vorjahr übernommen und umgebaut), ist jetzt ein vollständiger Design-Agent: Stitch läuft auf Gemini 3, hört per Sprache zu, generiert bis zu fünf zusammenhängende Screens gleichzeitig und exportiert produktionsreifes HTML, CSS, Tailwind oder React.

Wir haben Stitch in den letzten Wochen intensiv getestet — für erste Konzeptphasen, wenn ein Kunde noch keine klare Vorstellung hat, wie eine Oberfläche aussehen könnte. Das Ergebnis ist überraschend nüchtern: Stitch ist gut darin, schnell eine Ausgangsstruktur zu erzeugen, die man als Gesprächsgrundlage nutzen kann. Es ist kein Ersatz für echtes UI-Design, aber es verkürzt den Weg von „wir haben eine Idee“ bis „das könnte ungefähr so aussehen“ erheblich.

Was uns dabei stärker beschäftigt als die Qualität der Screens selbst: Ein Harvard-Business-Review-Bericht aus 2025 weist darauf hin, dass 45 Prozent der Design-Verantwortlichen eine Homogenisierung digitaler Interfaces befürchten, weil generative Tools denselben Stilistik-Pool bedienen. Diese Sorge ist berechtigt. Bei solid4 nutzen wir Stitch als Starter-Block, nicht als Ziellinie. Den eigentlichen Charakter einer Marke — Typografie, Raumgefühl, Farbpsychologie — das bleibt unsere Aufgabe. (Google Developers Blog: Stitch)

CSS kann jetzt Mixins — ohne Sass

Für alle, die im Frontend arbeiten: Chrome 146 bringt native CSS Mixins. Wer jemals mit Sass oder Less gearbeitet hat, kennt das Konzept — wiederverwendbare Blöcke von Stilen, die man per Namen einbinden kann. Bislang war dafür ein Präprozessor nötig. Ab Chrome 146 geht das direkt in CSS:

@mixin --flex-center {
display: flex;
align-items: center;
justify-content: center;
}

.card {
@apply --flex-center;
}

Das klingt nach einer Fußnote, ist aber für uns im Alltag relevant. In mehreren aktuellen Projekten setzen wir auf Directus als Headless CMS und schreiben das Frontend komplett in Plain CSS und modernem HTML. Bisher war das ohne Präprozessor bei komplexeren UI-Mustern mühsam. Native Mixins schließen eine der letzten echten Lücken zwischen CSS und Sass — und machen ein weiteres Dependency in der Build-Pipeline obsolet.

Noch ist die Browser-Unterstützung auf Chrome beschränkt. Firefox und Safari ziehen voraussichtlich im Laufe des Jahres nach. Für Production-Einsatz braucht es also noch etwas Geduld, aber in neuen Projekten fangen wir bereits an, die Syntax zu verwenden — mit entsprechendem Fallback. (MDN: CSS Custom Functions and Mixins)

View Transitions kommen im großen Stil

Ebenfalls neu in der CSS-Landschaft: View Transitions Level 2 ist jetzt cross-browser stabil und funktioniert nicht mehr nur in Single Page Applications, sondern auch bei klassischen Multi-Page-Navigationen. Mit einer einzigen CSS-Zeile:

@view-transition { navigation: auto; }

…bekommt eine Website sanfte Seitenübergänge, ohne dass JavaScript angefasst werden muss. Das ist für uns bei WordPress-Projekten besonders interessant. Bisher war jede Art von Seitenübergangs-Animation entweder JavaScript-lastig oder auf SPAs beschränkt. Jetzt kann man einem Kunden-Blog oder einem Shopify-Store mit minimalstem Aufwand ein deutlich flüssigeres Navigationsgefühl geben.

Wir haben das in einem laufenden Kundenprojekt — einem Vorarlberger Handwerksbetrieb mit WordPress-Site — bereits eingebaut. Die Reaktion beim nächsten Review-Termin war eindeutig: „Das fühlt sich an wie eine App.“ Genau das ist der Punkt. Die Wahrnehmung von Qualität hängt häufig nicht am Inhalt, sondern an solchen Mikro-Momenten in der Interaktion. (W3C CSS Snapshot 2026)

Was bleibt

Diese Woche zeigt exemplarisch, wie sich die Werkzeuge rund um Design und Entwicklung gerade neu kalibrieren. Agenten schreiben auf den Canvas. KI generiert erste Screens auf Zuruf. CSS bekommt Fähigkeiten, für die man früher Tools brauchte. Das ist keine Bedrohung für handwerkliche Qualität — es ist eine Umverteilung von Aufwand. Weniger Zeit für Scaffolding, mehr Zeit für die Entscheidungen, die wirklich zählen: Welche Erfahrung soll ein Nutzer machen? Was kommuniziert eine Marke, bevor jemand einen einzigen Text liest?

Diese Fragen beantwortet kein Agent. Die stellen wir.