https://kulturbanause.video/videos/watch/f49e8d11-5ee3-414e-bcad-9e1307381f4a In diesem Video zeigen wir euch, wie wir neue Projekte mit unserem Figma UI Kit nach dem Content-out-Prinzip starten. Der Ansatz: Zuerst entsteht ein tragfähiges inhaltliches Konzept, erst danach kümmern wir uns um Layout und visuelles Design. Die Pattern im Kit sind deshalb nicht nach Optik, sondern nach Inhalt kategorisiert, etwa Orientierung, Navigation, Information oder Action. Im ersten Schritt stehen alle Pattern auf »Layout None« und zeigen eine reine Textdarstellung, die sogenannte Content Outline. So legen wir die Abfolge der Inhaltsabschnitte fest, ohne uns von Farben oder Anordnungen ablenken zu lassen. Denn die inhaltliche Struktur bleibt auf jedem Gerät gleich und ist entscheidend für Barrierefreiheit. Ist die Struktur mit der Kundschaft oder der Redaktion abgestimmt, wechseln wir auf die vorbereiteten Layout-Varianten. Jedes Pattern gibt es in einer kleinen und einer großen Ansicht, beide skalierbar, sodass wir das responsive Verhalten schon in Figma prüfen können. Passt ein Layout nicht, tauschen wir es gegen eine Variante mit gleicher konzeptioneller Zielsetzung. Erst im dritten Schritt folgt das Styling mit Farben, danach die individuelle Formsprache. Das Ergebnis ist ein Design, das eng mit dem übereinstimmt, was der WordPress-Block-Editor abbilden kann. Fri, 09 Oct 2026 21:14:42 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/f49e8d11-5ee3-414e-bcad-9e1307381f4a All rights reserved, unless otherwise specified in the terms specified at https://kulturbanause.video/about and potential licenses granted by each content's rightholder.