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 Design System supports four themes including high contrast to ensure broad accessibility.
-
•
The component library needed to work across multiple platforms: TV, desktop, and mobile.
-
•
Theme customization is achieved by swapping foundational Sketch libraries rather than relying on overrides.
-
•
Every component and foundation (theme file) exists as its own Sketch file to support clarity and easy iteration.
-
•
Clyde, an internal automated tool, packages components into Sketch libraries and generates design tokens for engineers.
-
•
The design system team focused on creating easy-to-adopt kits for product designers to reduce complexity and improve uptake.
-
•
Multidisciplinary team members, including designers with engineering skills, help bridge gaps between disciplines.
-
•
Accessibility experts are embedded in the design process, enriching documentation and audits within the system.
-
•
Governance balances flexibility for product teams to propose and customize components with ensuring consistency from the core team.
-
•
Integration with Microsoft tools like Azure and Teams allows realtime notifications and seamless collaboration around design system updates.
Notable Quotes
"Gaming is for everyone anywhere, and Xbox has evolved way beyond the box under your TV."
"Our mission required us to build something fast, flexible, and scalable across many different product needs."
"A button is just a rectangle with some text, but our magic is in how we theme and customize it using foundations."
"Instead of overrides, we swap out entire theme files to customize components for different product teams."
"We realized the real problem was a people problem, not just tooling complexity."
"Sketch’s open file format allowed us to build custom tooling that shapes the design data to our needs."
"Clyde runs every time there’s a change, generating libraries and tokens to keep everyone up to date."
"Engineers love having individual components in files because it makes implementation much easier."
"Design system adoption exploded when we focused on the needs of everyone who builds, extends, or uses it."
"Accessibility and research are part of our org, not just consultants, which makes a huge difference in quality."
Or choose a question:
More Videos
"Data is only as good as insights that come out of it and action."
Kristen Honey"Let’s Talk About Data and Crisis”: Public Digital Service Delivery = Open Data + Human Centered Design
November 18, 2021
"Mini apps might not be useful for you, but they are for someone, and now those people can have them."
Matt WebbContext Window: Five Futures for AI
June 11, 2025
"Stop writing reports. If people aren’t reading them, try drawing, prototyping, and inviting others to make and visualize with you."
Dana ChisnellThe Sensemaking Business
March 10, 2026
"Researchers are shy about sharing work because they worry about being judged — peer and management support help."
Kate Towsey Jake BurghardtResearchOps AMA with Kate Towsey & Jake Burghardt
October 16, 2025
"I was so desensitized to the stress and urgency that it just became my baseline for living life."
Ashley SewallExit Interview #5: Designing My Life After Tech
February 19, 2026
"They had no idea who we were or what value we provided, so first was hello, we exist."
Jacqui Frey Dan WillisPanel Discussion: Integrating DesignOps
November 7, 2018
"Employees are more important than customers and shareholders in designing and delivering experience."
Iram ShahClosing Keynote: The View from the Top
June 4, 2019
"Conducting the first benchmark study always leaves you questioning, and the first comparison study is less of a big bang and more likely to be a subtle sigh of relief."
JD BuckleyCommunicating the ROI of UX within a large enterprise and out on the streets
June 14, 2018
"People eat with their eyes before they eat with their mouths — your portfolio must look appealing."
Dave Hoffer Joanne WeaverUX Job Search AMA #3 with Joanne Weaver and Dave Hoffer
July 16, 2025
Latest Books All books
Dig deeper with the Rosenbot
Where can UX researchers find reliable, up-to-date information and recommendations on research tool options?
How do organizations integrate customer feedback, survey data, and interview transcripts into a single research repository?
How do tech clients typically expect transparency around AI use in research projects?