Live-Vorschau der Datei
Ihr könnt euch den Umfang der aktuellen Version hier anschauen oder die Datei direkt in Figma öffnenÖffnet in neuem Tab.
Konzeptionell durchdacht und Agent-ready
Das Herzstück sind die zahlreichen Patterns, aus denen sich Unterseiten zusammensetzen lassen. Jedes Pattern ist eindeutig nach seinem Zweck benannt und in konzeptionellen Kategorien organisiert. Jedes Pattern liegt zudem auch in einer layout-neutralen Version vor. Diese Trennung von Inhalt und Layout hilft euch dabei, ein Projekt erst konzeptionell als Content-OutlineÖffnet in neuem Tab zu planen, dann ein passendes Layout pro Sinnabschnitt auszuwählen und im dritten Schritt ein individuelles Look and Feel über die vorbereiteten Design Tokens (Variablen) anzuwenden.
Diese Vorgehensweise sorgt für nachvollziehbare Informationsarchitekturen und kann auch gut von KI-Agenten übernommen werden. Daher haben wir alle Patterns inhaltlich beschrieben, mit klaren Anweisungen zur vorgesehenen Verwendung. Der Figma-KI-AgentÖffnet in neuem Tab kann beispielsweise aus einem aussagekräftigen Briefing selbstständig ein Weblayout konzeptionell aufbauen und im zweiten Schritt die Variablen automatisch an das Corporate Design des Kunden anpassen. So erreicht ihr in kurzer Zeit eine gute Ausgangslage für den weiteren Feinschliff durch Menschen.
Optimiert für WordPress
Wir haben das UI-Kit für moderne WordPress-Projekte erstellt, doch es lässt sich auch für Nicht-WordPress-Projekte hervorragend einsetzen. Die Organisation der vorbereiteten Templates folgt der WordPress- bzw. WooCommerce-Systematik, und die Variablen erzeugen einen CSS-Output, der kompatibel mit der theme.json-Struktur von WordPress ist.
Umfang und Updates
- Ihr erhaltet eine *.fig-Datei zum Import in Figma.
- Ab Kauf könnt ihr über den Download-Link 1 Jahr lang die jeweils aktuellste Version beziehen.
