Kontakt

Pattern Lab: Ein Tool zur Darstellung von Code Komponenten

Durch Pattern Lab wird ein Design System sichtbar – zumindest die Weboberflächen darin

Ein Pattern Lab sorgt für die Darstellung von Code Komponenten. Genauer ist Pattern Lab eine Open Source Software-Anwendung, die das Ziel hat Teams eine gemeinsame Basis und Darstellung von UI Komponenten, die als Teil eines Designs Systems anhand von Atomic Design design enwticklet wurdem zu bieten. Pattern Lab nimmt dazu den Code von HTML-Komponenten und überführt die Pattern in diesen Komponenten in eine statische Website, die dann von allen Beteiligten betrachtet werden kann.

Ein Pattern Lab zeigt also HTML-Komponenten im Zusammenhang. So haben alle Projektbeteiligten einen Überblick welche UI Komponenten es gibt. Designer nutzen ein Pattern Lab insbesondere dafür zu betrachten, wie Komponenten gemeinsam und im Zusammenhang wirken. Diese Form der Darstellung ermöglicht es Designern Verbesserungen vorzunehmen, die zu einem stimmigen Design führen. Dies wäre durch eine separate Betrachtung der Komponenten nicht gegeben.

Anknüpfende Themen zu Pattern Lab

Storybook

Wie hilft ein Storybook Digital-Teams bei der Entwicklung von UI Koponenten als Teil eines digitalen Design Systems?

Atomic Design

Wie mittels Atomic Design UI-Komponenten systematisch modularisiert werden, um ein Frontend oder Interface dynamisch und organisch wachsen zu lassen.

ruhmesmeile Entwicklungsansatz

Wie setzen wir bei ruhmesmeile diese ganzen Bausteine zu einem effizienten Entwicklungsansatz zusammen; die Vogelperspektive.