Rosenverse

This video is only accessible to Gold members. Log in or register for a free Gold Trial Account to watch.

Log in Register

Most conference talks are accessible to Gold members, while community videos are generally available to all logged-in members.

Empowering Gaming at Scale: How Xbox Builds Powerful, Automated, and Distributed Design Systems with Sketch
Gold
Thursday, September 30, 2021 • DesignOps Summit 2021
Share the love for this talk
Empowering Gaming at Scale: How Xbox Builds Powerful, Automated, and Distributed Design Systems with Sketch
Speakers: Luca Rager
Link:

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."

Russell Blair
Killing the blank page
2024 • Designing with AI 2024
Gold
Sam Ladner
Data Exhaust and Personal Data: Learning from Consumer Products to Enhance Enterprise UX
2016 • Enterprise UX 2016
Gold
Sandra Camacho
Creating More Bias-Proof Designs
2025 • Rosenfeld Community
Alëna Iouguina
Designing Systems at Scale
2018 • DesignOps Summit 2018
Gold
Joi Freeman
A New Vantage Point: Building a Pipeline for Multifaceted Research(ers)
2020 • Advancing Research 2020
Gold
Aiyana Bodi
Three Key Climate Initiatives and How You Can Help
2024 • Climate UX Interest Group
Ali Jeffery
How DesignOps Helped Enable Wall Street to Work Remotely
2020 • DesignOps Summit 2020
Gold
Uday Gajendar
10 Years of Enterprise UX: Reflecting on the community and the practice
2025 • Enterprise Community
Jeff Sussna
What DesignOps Can Learn From DevOps
2017 • DesignOps Summit 2017
Gold
Monty Hammontree
The Future of UX Research
2020 • Advancing Research Community
Ricardo Martins
Unlocking the power of advanced quantitative methods
2025 • Advancing Research 2025
Gold
Dan Ward
Failure Friday #1 with Dan Ward
2025 • Rosenfeld Community
Stephanie Wade
Building and Sustaining Design in Government
2021 • Civic Design 2021
Gold
Mark Templeton
Creating a Legacy: the ultimate experience
2017 • Enterprise Experience 2017
Gold
Caroline Vize
The State of UX: Five Lessons from 2021 to Accelerate Digital Experience in 2022
2022 • Advancing Research 2022
Gold
Charles Lee
Building a New Home for the Atlassian Design System
2020 • Enterprise Community

More Videos

Bria Alexander

"Our dedicated scribe Shivangi is making sure all the notes are captured so you don't have to worry about it."

Bria Alexander

Opening Remarks

November 17, 2022

PJ Buddhari

"We have weekly meetings with implementation teams to design APIs, discuss progress, and address issues to ensure alignment."

PJ Buddhari Nate Baldwin

Meet Spectrum, Adobe’s Design System

June 9, 2021

John Cutler

"Priorities aren’t priorities until they’ve been prioritized with attributes and values; otherwise they’re just items."

John Cutler Harry Max

Prioritization for designers and product managers (1st of 3 seminars)

June 13, 2024

Laureen Kattan

"We created a change log to document roadmap and user story map updates due to evolving requirements and regulations."

Laureen Kattan Julie Kim

Centering Patients and Clinicians in a Complex Government Ecosystem

November 29, 2023

Melinda Belcher

"If you don’t get good guidance and feedback from your enterprise partner, you’re not going to do the best work possible."

Melinda Belcher

Bridging the Gap: Making the Most of the Differences Between Agency and Enterprise

January 8, 2024

Janaki Kumar

"When you’re passionate about a topic, you hear the song loudly in your head; the listener just hears clapping."

Janaki Kumar

Innovate with Purpose

June 14, 2018

Benjamin Real

"For me, ideally one design ops manager per 14 designers is the ratio that works best."

Benjamin Real

Showing the Value of DesignOps by Not Having a DesignOps Team

October 21, 2020

Michele Marut

"Polaris was not just a database but a system involving humans and a strong curatorial role."

Michele Marut

Research Repositories Reconsidered

February 14, 2019

Sarah Brooks

"There are values that have really stood out to us together: evolving, relational, decolonized, life centered, healing, equitable."

Sarah Brooks

Theme 3 Intro

December 10, 2021