Vortrag | 30. Oktober 2024 –
UX Webinar "Design Tokens" mit Daniel Ley und Jonas Ulrich

Bist du bereit, dein Wissen über Design Tokens zu vertiefen und zu erfahren, wie sie deine Arbeit revolutionieren können? In diesem Webinar teilen Daniel Ley und Jonas Ulrich von KickstartDS ihre Erfahrungen und geben dir einen umfassenden Einblick in die Welt der Design Tokens.

Themen

Was dich erwartet:

  • Einführung in Design Tokens: Erfahre, was Design Tokens sind und warum sie ein essentieller Bestandteil moderner Designsysteme sind.
  • Herausforderungen meistern: Lerne, wie Design Tokens helfen, Konsistenz über verschiedene Plattformen hinweg zu gewährleisten und gleichzeitig Effizienz und Skalierbarkeit zu fördern.
  • Arten von Design Tokens: Entdecke die verschiedenen Kategorien von Tokens, wie Farben, Typografie, Abstände, Animationen und mehr.
  • Best Practices: Erhalte praktische Tipps zur semantischen Benennung, Strukturierung und zum Einsatz von Tokens in deinem Workflow.
  • Tools und Ressourcen: Erfahre mehr über nützliche Tools wie Figma, Style Dictionary und Storybook und wie du sie effektiv einsetzen kannst.

Highlights des Webinars:

  • Expertenwissen: Lerne die Definition von Design Tokens aus Sicht der W3C Design Token Community Group und des Adobe Spectrum Design Systems kennen.
  • Praxisbeispiele: Sieh dir an, wie Jonas und Daniel Design Tokens in ihren Projekten einsetzen und welche Herausforderungen sie dabei gemeistert haben.
  • Tipps von Branchenführern: Entdecke wertvolle Ressourcen von Experten wie Nathan Curtis und Gina Ann, die Pioniere im Bereich Design Tokens sind.
  • Automatisierung vs. Zusammenarbeit: Erfahre, warum zu viel Automatisierung problematisch sein kann und wie wichtig die menschliche Kommunikation im Entwicklungsprozess ist.

Nützliche Links und Ressourcen:

  • Design Systems Slack Channel
    • Beschreibung: Eine von der Community betriebene Slack-Gruppe für Diskussionen über Designsysteme und Tokens.
    • Link: Einladung zum Design Systems Slack
    • Hinweis: Einladungslinks können nach 30 Tagen ablaufen.
  • Artikel von Nathan Curtis
    • Beschreibung: Tiefgehende Artikel über Designsysteme und Tokens von einem Branchenexperten.
    • Link: Nathan Curtis auf Medium
  • Artikel von Luis Ouriach über Automatisierung
    • Beschreibung: Einblicke in die Kosten und Vorteile der Automatisierung von Design Tokens.
  • Knapsack Design System ROI Calculator
    • Beschreibung: Ein Tool zur Schätzung des Return on Investment beim Aufbau eines Designsystems.
    • Link: Knapsack ROI Calculator
  • Genannte Tools
    • Style Dictionary
      • Beschreibung: Ein Open-Source-Tool von Amazon zur Transformation und zum Export von Design Tokens in verschiedene Formate.
      • Link: Style Dictionary auf GitHub
    • Figma
      • Beschreibung: Ein kollaboratives Design-Tool, das Variablen unterstützt und mit Design Tokens integriert werden kann.
      • Link: Figma
    • Storybook
      • Beschreibung: Ein Open-Source-Tool zur Entwicklung und Dokumentation von UI-Komponenten in Isolation.
      • Link: Storybook