Resources

Weiterleitung

Sie werden in Sekunden weitergeleitet.

Falls keine Weiterleitung erfolgt, klicken Sie auf den Link:

Es ist etwas schief gelaufen.

Upps - das Senden Deiner Anfrage ist fehlgeschlagen. Du kannst uns aber immer via E-Mail erreichen.
Ressources--Teaserbild

Resources

Hol dir das Beste aus unserem Design System heraus! Wir bieten Figma Libraries für Designer:innen und Code-Components für Entwickler:innen an. Unsere Ressourcen vereinfachen die Arbeit und sorgen für eine konsistente und reibungslose Umsetzung.

Support-Timeline für Version 2 und Version 3

Auf der allgemeinen Status-Seite findest du die Support-Timeline für die unterschiedlichen Versionen des Design Systems sowie Informationen zum aktuellen Entwicklungsstand.

Version 3

Ressources--Sketch--Trenner

⚠️ Bitte beachte:

Der Zugang zu den Figma-Dateien und -Libraries erfolgt ausschließlich über die offizielle DB-Figma-Instanz und ist nur mit einer gültigen DB-E-Mail-Adresse (@deutschebahn.com) möglich.

Zugang zu Figma für Externe Mitarbeitende

Mitarbeitende ohne DB-E-Mail-Adresse (@deutschebahn.com) können hier den Zugang zu den Figma-Libraries anfordern.

Figma Freischaltung

Du arbeitest zum ersten Mal mit dem DB UX Design System v3 in Figma?

Schau dir unbedingt den Playground "How to Figma" an und lerne damit Schritt für Schritt die Arbeit mit den DB UX-Figma-Libraries kennen!

Entdecke den Figma Playground

Lerne, wie du das Design System in Figma richtig verwendest.

Figma Playground

Für Figma-Erfahrene gibt es dann auch noch ein paar weitere Design-Onboarding-Dokumente.

DB UX DS v3 - Core

Alle Figma Libraries des DB UX Design System v3.

Zum Package

DB UX DS v3 - Extension Reisenden Information

Gemeinsam im Verbund begleiten wir Reisende jederzeit bestmöglich ans Ziel.

DB UX DS v3 - Extension DataViz

Chart Components für Daten Visualisierungen

Zum Package
Ressources--NPM--Trenner

Core Components

Eine Bibliothek mit grundlegenden Stylings für Komponenten des DB UX Design System v3.

Zum Package

Core Foundations

Eine Bibliothek, die alle Token (Farben, Abstände, Schriftformatierungen, etc.) und Assets (Schriften, Icons) des DB UX Design System v3 enthält.

Zum Package

Core NGX Components

Eine Angular-Bibliothek, die alle Stile und Komponenten des DB UX Design Systems v3 enthält.

Zum Package

Core React Components

Eine React-Bibliothek, die alle Stile und Komponenten des DB UX Design Systems v3 enthält.

Zum Package

Core Vue Components

Eine Vue-Bibliothek, die alle Stile und Komponenten des DB UX Design Systems v3 enthält.

Zum Package

Legacy

Ressources--Sketch--Trenner

Version 3

DB UX DS v3 - Core (Beta) - v0.7.0

Sketch Library der aktuellen Core-Foundation und -Komponenten

DB-UX-DS-Core--Teaserbild

DB UX DS v3 - Core Icons - v0.6.0

Sketch Library der aktuellen Core-Icons

DB-UX-DS-Icons--Teaserbild (1)

Version 2

V2 Web Anwendungen: 2.5.3

Sketch Bibliothek mit allen aktuellen Komponenten

DB UX DS v2 - Functional Icons - v2.30.0

Sketch Library mit allen aktuellen Funktionalen Icons. Einzelne Icons können in der Iconbibliothek für funktionale Icons heruntergeladen werden. 

DB UX DS v2 - Illustrative Icons - v2.25.0

Sketch Library mit allen aktuellen Illustrativen Icons. Einzelne Icons können in der Iconbibliothek für illustrative Icons heruntergeladen werden.

V2 Android & iOS: 2.5.3

Sketch Bibliothek mit allen aktuellen Komponenten

DB Service: Zuginformationen: 2.3.1

Bibliothek zum Einbinden von Zuginformationen in Apps und Websites

DB RIS Fahrzeug Fernverkehr: 0.3.2-Beta

Beta-Bibliothek für DB RIS Fahrzeug Fernverkehr

Ressources--NPM--Trenner

DB UI Base

Grundlegende Design Tokens und Assets für Web- und App-Projekte im DB UX Design System v2.

Weitere Infos: https://db-ui.github.io/base/

Zum Package

DB UI Core

DB UI Core bietet robuste HTML-UI-Komponenten und wiederverwendbare visuelle Stile, basierend auf der v2 des DB UX Design Systems.

Zum Package

DB UI Elements

Universelle JavaScript-UI-Komponenten auf Basis von Web-Standards (Web Components).

Zum Package

DB UI NGX Elements

Proxy wrapper für die Web Components aus DB UI Elements, speziell für das Angular JavaScript Framework.

Zum Package

DB UI React Elements

Proxy wrapper für die Web Components aus DB UI Elements, speziell für die React JavaScript Library.

Zum Package

DB UI Vue Elements

Proxy wrapper für die Web Components aus DB UI Elements, speziell für die Vue JavaScript Library.

Zum Package

Deprecated

Ressources--Sketch--Trenner

Enterprise Web: 1.6

Keine regelmäßige Aktualisierung der Web UI Components

Ressources--NPM--Trenner

DB UI Elements Enterprise

Zum Package

DB UI NGX Elements

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Zum Package

DB UI React Enterprise

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Zum Package

DB UI Vue Elements Enterprise

Proxy wrapper für die Web Components aus DB UI Elements, speziell für das Vue JavaScript Framework.

Zum Package

Du hast Fragen oder Input? 

Wir haben alles dafür gegeben, dass unser Design System mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein, Fragen oder einfach nur eine gute Verbesserungsidee haben, so sind wir gerne für dich da!

E-Mail schreiben Feedback in Github