DB UX Design System – How we’ve open sourced our largest inner source project
How can one design system serve React, Angular, and Vue? See how Deutsche Bahn open-sourced its largest internal project to solve cross-framework compatibility.
#1about 1 minute
Unifying Deutsche Bahn's digital landscape with a design system
Deutsche Bahn faces complexity from diverse applications, multiple frameworks, and non-functional requirements like accessibility across internal and external teams.
#2about 2 minutes
Why open source is the solution for collaboration and quality
Open source principles enable collaboration with external partners, improve component reusability, and serve as a quality gate for the entire system.
#3about 2 minutes
Fostering a supportive open source culture at Deutsche Bahn
The company supports open source through leadership backing, dedicated time for contributions, architecture guilds, and active internal developer communities.
#4about 1 minute
Moving the design system from inner source to open source
The DB UX design system was moved from a private inner source model to public open source to better include external partners and agencies.
#5about 2 minutes
The technical stack for a multi-framework component library
The system uses Sketch and Zeplin for design tokens via Style Dictionary and Mitosis to generate components for multiple frameworks like React and Angular.
#6about 1 minute
Establishing quality gates in the development process
A cross-functional process involves community, accessibility, and brand teams, using pre-releases, Playwright for visual regression testing, and GitHub Actions.
#7about 2 minutes
Managing community feedback and contributions
Feedback is gathered from a large internal web development community via MS Teams before being migrated to public GitHub issues for transparency.
#8about 3 minutes
Q&A: The decision to move away from Storybook
While previously used with Stencil.js, the team is not currently using Storybook due to challenges with their Mitosis-based mono-repo and documentation integration.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
03:51 MIN
How Airbnb uses a design language system
Typescript, React and Atomic Design - a match made in heaven
04:55 MIN
Creating a shared language with design systems
Bridging the gap between design and development
01:28 MIN
Building consistent UIs with an enterprise component framework
Navigating the Corporate Jungle: Life as a Developer in a large Company
01:19 MIN
Creating a cohesive user experience with design systems
Microfrontends at Scale
02:32 MIN
Exploring the IBM Carbon Design System as an example
Building a framework-independent component library
01:40 MIN
Sharing UI components and ensuring design consistency
Independently together: how micro-applications improve developer experience + app performance
04:16 MIN
Volkswagen's framework for harmonizing development
Model Based Systems Engineering in an Agile Product Development Process
04:44 MIN
Understanding the core components of a design system
Design Systems and how to develop consistent and scalable products with them
How we Build The Software of TomorrowWelcome to this issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Thomas Dohmke who introduced us to the future of AI – coding.This is how Thomas describes himself:I am the CEO of GitHub and drive the company’s...
Dev Digest 107 - And the OSScar goes to…Last Friday, I released the 107th edition of WeAreDevelopers DevDigest. It celebrated the 35th birthday of the World Wide Web, we had a video of me interviewing the founders of Daytona about going open source, we covered the news around Devin, the fi...
From learning to earning
Jobs that call for the skills explored in this talk.