Die Werkzeuge denken mit
Diese Woche war ungewöhnlich dicht: Figma hat seinen eigenen KI-Agenten direkt auf der Arbeitsfläche gestartet, Google hat auf der I/O 2026 die KI-Design-Tools zur nächsten großen Kampfarena erklärt — und CSS hat gleich zwei Fähigkeiten erreicht, für die Entwickler bisher JavaScript-Bibliotheken bemühen mussten. Drei Entwicklungen aus den letzten 48 Stunden, die für jeden relevant sind, der digitale Produkte baut oder in Auftrag gibt.
Figma bekommt einen echten Designpartner
Seit dem 20. Mai 2026 ist der Figma Design Agent in der Beta-Phase. Was das von bisherigen KI-Funktionen unterscheidet: Der Agent arbeitet direkt auf der Canvas — in derselben Datei wie das gesamte Designteam, ohne Kontextwechsel, ohne separate Einrichtung. Er kennt die eigene Komponentenbibliothek, die Design Tokens und die festgelegten Standards, weil er für Figma feinabgestimmt wurde, nicht nur für generisches Bildgenerieren.
In der Praxis bedeutet das: Man kann den Agenten bitten, alle Schaltflächen eines Projekts in den aktiven Zustand zu versetzen, Lorem-Ipsum-Texte durch realistischen Inhalt zu ersetzen oder drei verschiedene Stilrichtungen für denselben Screen zu generieren — gleichzeitig, per sogenanntem Parallel Prompting. Figma selbst ist dabei ehrlich über das Risiko: „As AI makes it easier to generate designs, the risk is shipping something average.“ Die Lösung, die sie vorschlagen, ist mehr Exploration — mehr Richtungen prüfen, die beste wählen, dann selbst Hand anlegen.
Bei uns im Team arbeiten wir mit Figma für alle Webprojekte, und die letzten Wochen haben gezeigt: Was KI-Assistenz bisher leistete, war hauptsächlich visuelles Brainstorming. Ein Agent, der die eigene Komponentenbibliothek kennt und Bulk-Edits über ganze Flows ausführt, ist eine andere Qualität. Die Beta läuft noch ohne Kredit-Verbrauch — wer Professional- oder Enterprise-Plan hat, kann sich auf der Warteliste eintragen.
Google erklärt KI-Design-Tools zur nächsten großen Battleground
Auf der Google I/O 2026 war das Signal unmissverständlich: Google will im KI-unterstützten Design mitspielen. Mit Stitch lassen sich Designideen über Text- oder Sprachprompts in fertige Interface-Strukturen verwandeln. Mit Google Pics gibt es eine eigenständige KI-App für Flyer, Infografiken und Social-Media-Grafiken. Gemini 3.5 Flash wurde explizit für komplexe agentenbasierte Design-Workflows und die Generierung interaktiver Web-UIs optimiert.
Das Interessante daran ist weniger, welches Tool jetzt am meisten kann — sondern was die Konsolidierung des Marktes bedeutet. Laut aktuellen Analysen hat sich das KI-Design-Tool-Feld auf sieben ernsthafte Anbieter verengt. Figma AI schafft es, beim ersten Durchlauf etwa 70 % der Design-System-Konventionen einzuhalten. Das klingt gut — bis man bedenkt, dass die restlichen 30 % genau das sind, was Kunden voneinander unterscheidet: Markenstimme, konsistente Spacing-Tokens, spezifische Komponentenverhalten.
Wir testen in laufenden Kundenprojekten regelmäßig, was Tools wie Figma Make, Cursor oder Claude Code im Design-to-Code-Workflow leisten können. Die ehrliche Einschätzung: KI-Tools beschleunigen erheblich, aber sie brauchen ein gut aufgebautes Design-System als Grundlage. Wer dort gespart hat, wird die Zeitersparnis durch Korrekturen wieder verlieren.
CSS kann endlich Masonry — ohne JavaScript
Eine technische Neuigkeit, die im Schatten der KI-Meldungen fast unterging: Mit CSS Grid Lanes (display: grid-lanes) hat der jahrelange Browser-Streit über natives Masonry-Layout ein Ende gefunden. Safari 26 hat es als erstes Browser ausgeliefert, Chrome und Firefox sind in der Entwicklung. Was das bedeutet: Bildgalerien und Kachelraster, die sich dynamisch an unterschiedliche Inhalthöhen anpassen — bisher nur mit JavaScript-Bibliotheken wie Masonry.js möglich — werden künftig in purem CSS realisierbar sein.
Gleichzeitig hat @starting-style die vollständige Browser-Kompatibilität erreicht (CSS Snapshot 2026). Damit lassen sich Einblend-Animationen aus display: none umsetzen, ohne das bekannte JavaScript-Timing-Hack-Problem. Wer je einen Entwickler fragen musste, warum ein Element beim Einblenden ruckelt, kennt das Problem — es ist struktureller Natur und war bisher ohne Workarounds nicht lösbar.
Für Websites, die wir entwickeln und betreuen, bedeutet das konkret: weniger JavaScript-Abhängigkeiten, schnellere Ladezeiten, weniger Fehlerquellen. In einem aktuellen Shopify-Projekt für einen Vorarlberger Händler haben wir bereits begonnen, Masonry-Galerien auf die neue CSS-Methode vorzubereiten — mit progressiver Verbesserung per @supports, solange Safari die einzige vollständige Unterstützung bietet.
Was das für Ihr digitales Projekt bedeutet
Die drei Entwicklungen dieser Woche folgen einem gemeinsamen Muster: Werkzeuge werden schneller, leistungsfähiger — und gleichzeitig leichter falsch einzusetzen. Ein KI-Agent im Designtool kann in Minuten generieren, was früher Stunden brauchte. Aber er weiß nicht, was Ihr Unternehmen von anderen unterscheidet. CSS-Masonry ohne JavaScript macht Galerien leichter und schneller. Aber nur, wenn jemand versteht, wann und wie man es einsetzt.
Was wir in den letzten Monaten beobachten: Der Abstand zwischen Projekten, die handwerklich solide gebaut sind, und solchen, die mit KI-Tools zusammengeklickt wurden, wird nicht kleiner — er wird größer. Gute Werkzeuge verstärken gutes Fundament. Schlechtes Fundament wird schneller sichtbar, nicht langsamer.
Das ist keine Warnung vor KI im Design — wir setzen selbst aktiv auf diese Werkzeuge. Es ist eher eine Einladung, genauer hinzuschauen, was der eigene digitale Auftritt als Grundlage mitbringt. Denn daran ändert auch der neueste Figma-Agent nichts.