Summary
An essential part of creating a Design System is to make distribution and content flow sustainable. When the task is bringing the joy and community of gaming to everyone on the planet, the challenge gets massive! How can DesignOps and Automation become a facilitator for this challenge? Join Senior Software Engineer & Designer Luca Rager from Xbox as he takes us through their innovative take on design systems. Luca will illustrate how Sketch’s flexibility and modern DesignOps automation has allowed Xbox to package, theme and easily distribute component libraries. Furthermore, how their system bridges the gap between the Xbox Design System team and the wider product teams at Xbox.
Key Insights
-
•
Xbox's mission prioritizes inclusivity in gaming experiences for everyone.
-
•
The Xbox design system (XDS) faced unique challenges due to the diverse products and platforms it supports.
-
•
Flexibility and speed were key goals in developing the Xbox design system.
-
•
Components were engineered for accessibility, featuring themes like light, dark, and high contrast.
-
•
Clyde, an automation tool, bridges design and engineering workflows, packaging updates for rapid deployment.
-
•
The design system is structured to support individual team customization while maintaining a cohesive library.
-
•
Increased adoption rates of the design system are linked to improved accessibility documentation and practices.
-
•
Collaboration between design and engineering teams is essential for efficient use of design components.
-
•
The design system results show significant usability improvements across teams, including those outside Xbox.
-
•
Professional development and learning are integral to the team's success and adaptability.
Notable Quotes
"I'm a software engineer and designer, a hybrid person working at Xbox."
"The most exciting aspect of this organization is the journey it has taken in recent years."
"We needed to meet endpoints like mobile and TV and desktop."
"The reality is that play is evolving and Xbox has evolved."
"As designers, we are the people that figure out solutions for people."
"Focusing on what's right for each participant in our design system helped us build better."
"Clyde runs to ensure every time a component is updated, packaging it seamlessly for teams to use."
"Ultimately, we have the right environment for you while still leveraging the same design data."
"Modern tools allow you to build very sophisticated systems, but the magic lies in the collaboration they foster."
"Our design system expanded to tons of new symbols and improved usability across the board."















More Videos

"The power of followership is pretty amazing."
John MaedaMaking Sense of Enterprise UX
June 9, 2016

"There are a lot of variability in how people approach their intent or purpose."
Indi YoungThinking styles: Mend hidden cracks in your market
January 8, 2025

"Big data means different things to different people, but it often boils down to complex data that is underutilized."
Chris ChapoData Science and Design: A Tale of Two Tribes
May 13, 2015

"We observed how cultural practices impact technology uptake."
Elizabeth ChurchillExploring Cadence: You, Your Team, and Your Enterprise
June 8, 2017

"We had to put together very intentional and deliberate rituals."
Rusha SopariwalaRemote, Together: Craft and Collaboration Across Disciplines, Borders, Time Zones, and a Design Org of 170+
June 9, 2022

"What if we could have a system of accountability that includes a code of ethics?"
George AyeThat Quiet Little Voice: When Design and Ethics Collide
November 16, 2022

"Every once in a while, it's okay to turn your video off."
Ariba JahanTeam Resiliency Through a Pandemic
January 8, 2024

"We have more demand for design work than capacity right now, which is a good problem to have."
Julie Gitlin Esther RaiceDesign as an Agent of Digital Transformation at JPMC
June 9, 2021

"The more data we have, the more difficult it is to find what we actually need."
Matteo GrattonCan Data and Ethics Live Together?
October 1, 2021