https://kulturbanause.video/videos/watch/256c5730-ea57-4745-9ea1-3955f1e4c44c In diesem Video zeigen wir euch, was in unserem Figma UI Kit für WordPress steckt. Die Figma-Bibliothek ist zu 100 % WordPress-kompatibel und deckt sich mit unserem Block-Theme. So gelingt der Wechsel vom Design in den Browser ohne Reibungsverluste. Das Kit ist nach dem Atomic-Design-Ansatz aufgebaut. Die Grundlage bilden Variablen für Farben, Schriften, Abstände, Radien, Schatten und Layout-Breiten. Über Modes passen sich Schriftgrößen und Abstände automatisch an kleine und große Viewports an. Die Variablenstruktur lässt sich exportieren und direkt in die theme.json übernehmen. Darauf bauen Elemente wie Buttons, Formularfelder und Teaser auf. Das Herzstück sind über 100 Pattern, die wir nach ihrem Zweck organisiert haben: von Navigation und Orientierung über Information bis zu Action und Marketing, inklusive WooCommerce-kompatibler Elemente. Die Zweckbeschreibungen stecken auch in den Komponenten selbst, damit KI-Systeme sie lesen können. Alle Pattern liegen in einer mobilen und einer Desktop-Variante vor und sind dank Auto Layout frei skalierbar. Aus den Pattern setzen sich die WordPress-Standard-Templates wie Index, Front Page, Home oder Search zusammen, ergänzt um WooCommerce-Templates für Produktseiten und -übersichten. Demo-Seiten zeigen, wie alles im Zusammenspiel aussieht. Das Ziel: wiederkehrende Standards wie Struktur und Barrierefreiheit gut vorbereitet in der Schublade haben und trotzdem für jede Kundschaft ein individuelles Projekt gestalten. Fri, 09 Oct 2026 21:15:53 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://kulturbanause.video https://kulturbanause.video/lazy-static/avatars/207fe221-f4b5-44f4-8282-14294565d0e8.png https://kulturbanause.video/videos/watch/256c5730-ea57-4745-9ea1-3955f1e4c44c All rights reserved, unless otherwise specified in the terms specified at https://kulturbanause.video/about and potential licenses granted by each content's rightholder.