solid4

Wenn Agenten designen

Lange war der Design-Prozess eine Angelegenheit zwischen Mensch und Werkzeug. Ein Designer öffnet Figma, zieht Elemente auf die Arbeitsfläche, passt Farben an, exportiert Assets. Das war der Rhythmus. Seit wenigen Wochen hat sich dieser Rhythmus fundamental verändert – und wir bei solid4 spüren das in jedem neuen Projekt.

KI-Agenten greifen direkt ins Figma-File

Was lange als Vision galt, ist seit März 2026 Realität: Über den Figma MCP-Server können KI-Agenten jetzt direkt auf der Figma-Arbeitsfläche schreiben. Keine Screenshots, keine Umwege – der Agent analysiert bestehende Komponenten, Variablen und Design-Tokens und erzeugt oder modifiziert reale Design-Elemente. Was das bedeutet? Ein Werkzeug wie Claude oder ein spezialisierter Agent kann eine vollständige Seite layouten, Varianten erstellen oder ein bestehendes Designsystem erweitern – basierend auf einem einfachen Briefing in natürlicher Sprache.

Für unsere Kunden klingt das zunächst abstrakt. Der praktische Unterschied ist aber greifbar: Iterationen, für die früher ein halber Tag Designerzeit nötig war, entstehen jetzt in Minuten. Der Designer prüft, verfeinert, entscheidet – aber das grobe Gerüst übernimmt der Agent. Das verschiebt die Arbeit dorthin, wo menschliche Expertise tatsächlich zählt.

Figma Make wird ernstgenommenes Prototyping-Tool

Seit Anfang April 2026 bringt Figma mit Make Kits und Make Attachments echten Kontext in seine KI-gestützte Prototyping-Funktion. Bisher war Figma Make ein nettes Experiment – man beschrieb etwas, und ein mehr oder weniger passender Entwurf entstand. Jetzt lassen sich bestehende Komponenten, Brand Guidelines, PRDs, Daten-Dateien und sogar Videos direkt als Prompt-Anhänge einbinden.

Das ist kein kleines Update. Es bedeutet: Der generierte Prototyp kennt von Anfang an das tatsächliche Designsystem, die realen Inhalte und die spezifischen Anforderungen des Projekts. Für Entscheider, die früh im Prozess sehen wollen, wohin eine digitale Lösung geht, ist das ein erheblicher Qualitätssprung gegenüber den generischen Wireframes der Vergangenheit.

Design-to-Code: MCP als gemeinsame Sprache

Parallel zu Figma haben in den ersten Monaten 2026 zahlreiche Plattformen – darunter v0, Anima und Wix – MCP-Support eingeführt. Das Model Context Protocol wird zur gemeinsamen Sprache zwischen Design-Tools und KI-Agenten. Was das für die Praxis heißt: Ein Designsystem in Figma kann heute direkter denn je zur Quelle für produzierten Code werden. Tokens, Spacing-Werte, Komponentenstruktur – all das fließt in den generierten Code ein, ohne dass jemand manuell übersetzt.

Wir setzen diesen Ansatz bei solid4 bereits für Kunden ein, die sowohl ein Figma-Designsystem als auch eine Webentwicklung in einem Paket beauftragen. Der Vorteil: Änderungen am Designsystem propagieren schneller in die Implementierung. Konsistenz ist kein Zufallsprodukt mehr, sondern ein strukturelles Ergebnis.

CSS 2026: Endlich so mächtig wie nötig

Wer glaubt, CSS sei seit Jahren ausgereift, unterschätzt, was sich gerade tut. Container Queries, die :has()-Pseudoklasse, @layer und fortgeschrittene Custom Properties werden 2026 zum selbstverständlichen Werkzeug im Frontend-Alltag. Was früher JavaScript brauchte – etwa eine Komponente, die auf die Breite ihres Containers reagiert, nicht auf den Viewport – lässt sich heute nativ in CSS lösen.

Für KI-gestützte Code-Generierung ist das besonders relevant: Moderneres, deklarativeres CSS ist weniger fehleranfällig, wenn ein Agent es produziert. Weniger Magie, mehr Struktur. Das LogRocket-Blog fasst es treffend zusammen: CSS 2026 ist nicht nur mächtiger – es ist auch besser auf KI-Workflows ausgerichtet, weil es expliziter und plattformnäher geworden ist.

Was das für unsere Kunden bedeutet

Die Entwicklungen der letzten Wochen sind kein Hintergrundlärm aus der Tech-Welt. Sie verändern, wie wir bei solid4 arbeiten – und damit, was wir unseren Kunden anbieten können. Prototypen entstehen schneller und mit mehr Kontext. Designsysteme werden lebendiger, weil sie direkter mit der Umsetzung verbunden sind. Und die Iterationsgeschwindigkeit steigt, ohne dass die Qualität leidet.

Für Unternehmen, die digitale Produkte oder Websites beauftragen, bedeutet das: Der Weg von der ersten Idee zum testbaren Ergebnis wird kürzer. Entscheidungen können früher auf Basis echter Entwürfe getroffen werden, nicht auf Basis von Beschreibungen. Das ist ein Vorteil, den wir gerne gemeinsam mit Ihnen nutzen.

Follow us on: