Seminar Penpot Design-Systeme, Komponenten und Design Tokens

Dieses Seminar richtet sich an Teams, die in Penpot nicht nur einzelne Oberflächen gestalten, sondern ein wiederverwendbares Design-System für mehrere Produkte, Module oder Markenlinien aufbauen möchten.

Behandelt werden die fachliche Struktur eines Design-Systems, die Übersetzung in komponentenbasierte Bibliotheken und die Verbindung zu konsistenten Token-Strategien. Der Fokus liegt auf Skalierbarkeit, Wartbarkeit und Zusammenarbeit zwischen Design und Entwicklung.

Inhalte

• Grundprinzipien eines Design-Systems und Abgrenzung zu einer reinen UI-Sammlung
• Aufbau von Komponenten, Bibliotheken und konsistenten Strukturen für wiederverwendbare Bausteine
• Zustände, Abwandlungen und wiederkehrende Muster für konsistente Produktoberflächen
• Farben, Typografie, Abstände und weitere gestalterische Regeln als strukturierte Token-Logik
• Dokumentation, Benennung, Freigaben und Qualitätsregeln für teamübergreifende Nutzung
• Zusammenspiel mit Entwicklung, Handoff und nachhaltiger Bibliothekspflege
• Governance für Weiterentwicklung, Versionierung und kontrollierte Änderungen

Praxis

• Konzeption einer modularen Komponentenbibliothek für eine Beispielanwendung
• Erarbeitung einer Token-Struktur für Farbe, Typografie und Abstände
• Prüfung und Überarbeitung vorhandener Screens auf Systemtauglichkeit
• Definition von Benennungs- und Pflegekonventionen für Bibliotheken
• Aufbau einer praxisnahen Dokumentationsstruktur für Design- und Entwicklungsteams

Drei Tage sind erforderlich, weil neben den Penpot-Funktionen auch Modellierung, Governance und die Überführung in reale Produktflächen bearbeitet werden. Erst diese Kombination macht ein Design-System im Alltag belastbar.