solid4

Claude greift an – und CSS zieht nach

Zwei Ereignisse dominierten die letzten Tage in unserer Branche: Anthropic hat mit Claude Design ein eigenes Design-Tool vorgestellt – und der Browser wird mit neuen CSS-Funktionen so mächtig, dass JavaScript-Bibliotheken reihenweise überflüssig werden. Was das für unsere Arbeit und die unserer Kunden bedeutet, schauen wir uns hier an.

Anthropic stellt Figma und Adobe heraus

Mitte April hat Anthropic – die Firma hinter Claude – ein Tool namens Claude Design als Research Preview gestartet. Es generiert aus einfachen Texteingaben Prototypen, Landing Pages, Präsentationen und Mockups. Die Reaktion des Markts war unmittelbar: Figma-Aktien fielen um rund 7 %, Adobe und Canva folgten nach unten.

Interessant ist der Zeitpunkt: Nur wenige Tage zuvor hatte Anthropics Chief Product Officer den Figma-Aufsichtsrat verlassen. Das Muster dahinter ist klar – KI-Unternehmen bauen nicht mehr nur Werkzeuge für Designer, sondern übernehmen Teile des Design-Prozesses selbst. Claude Design läuft auf Claude Opus 4.7 und ist für Pro-, Max-, Team- und Enterprise-Abonnenten verfügbar.

Für uns bei solid4 bedeutet das: Einfache Interface-Drafts oder erste Wireframes lassen sich zunehmend automatisieren. Das ist keine Bedrohung, sondern eine Beschleunigung – wir können Konzeptphasen schneller durchlaufen und mehr Zeit in strategische UX-Entscheidungen investieren, die KI-Tools (noch) nicht treffen können.

Figma selbst baut KI tief ins Canvas ein

Auch Figma sitzt nicht still: Seit April können Nutzerinnen und Nutzer KI-Agenten direkt auf dem Canvas arbeiten lassen. Mit sogenannten Skills lassen sich die Agenten mit Kontext aus dem eigenen Designsystem, Styleguides und Teamentscheidungen versorgen – damit produzieren sie nicht irgendwelche Layouts, sondern Vorschläge, die zur eigenen Marke passen.

Tools wie First Draft, Add interactions und Make an image sind inzwischen fester Bestandteil des Figma-Workflows. Gerade für Projekte, bei denen wir Kunden früh erste klickbare Prototypen zeigen wollen, verkürzt das die Iterationszyklen erheblich.

CSS 2026: Der Browser braucht JavaScript immer seltener

Parallel zur KI-Welle verändert sich die Basis unserer Frontend-Arbeit grundlegend. Mehrere CSS-Features, die jahrelang auf Browserunterstützung gewartet haben, sind jetzt produktionsreif:

  • Scroll-driven Animations: animation-timeline: scroll() und view() sind nun in allen großen Browsern verfügbar. Scroll-Effekte, Progress-Bars und Reveal-Animationen – alles ohne JavaScript-Event-Listener oder IntersectionObserver. Details bei LogRocket.
  • Anchor Positioning: Tooltips, Dropdowns, Overlays – was früher 200+ Zeilen JavaScript erforderte, löst jetzt eine Handvoll CSS-Zeilen. Die Library-Abhängigkeit für Positionierung gehört der Vergangenheit an.
  • Native Masonry: Pinterest-artige Layouts über display: masonry ohne JavaScript-Plugins – Inhalte füllen Lücken automatisch nach Höhe.
  • @scope: Scoped Styling mit oberen und unteren Grenzen wird zur praktischen Alternative zu BEM und CSS Modules.

Was uns an dieser Entwicklung beschäftigt: Seiten werden schneller (nativer Code statt interpretierten Bibliotheken), leichter (kein Bundle-Overhead) und wartungsärmer. Für unsere WordPress- und Shopify-Projekte heißt das weniger externe Script-Abhängigkeiten und weniger potenzielle Fehlerquellen.

Was das zusammen bedeutet

Wir erleben gerade eine doppelte Kompression: KI übernimmt die obere Schicht des Design-Prozesses (Entwurf, Iteration, Prototyp), während der Browser die untere Schicht (Layout, Animation, Positionierung) nativ absorbiert. Die Mitte – strategisches UX-Denken, Markenkonsistenz, Zugänglichkeit, Geschäftslogik – bleibt menschlich.

Für unsere Kunden bedeutet das konkret: Projekte, die früher wochenlange Konzeptphasen hatten, lassen sich heute in Tagen skizzieren und validieren. Das Risiko früher Fehlentscheidungen sinkt, weil wir schneller echte Prototypen testen können. Und Websites, die wir heute ausliefern, profitieren von CSS-Features, die performanter und stabiler sind als alles, was externe Bibliotheken je leisten konnten.

Der Markt dreht sich schnell – wir beobachten das nicht nur, wir bauen darauf.

Follow us on: