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

Ask the Rosenbot
Clemens Janssen
Efficiently Scaling Research as a Team of One
2023 • Advancing Research 2023
Gold
Indi Young
Thinking styles: Mend hidden cracks in your market
2025 • Rosenfeld Community
Erika Kincaid
Connecting the Dots: How to Foster Collaboration and Build a Strong Design Review Culture
2022 • Design at Scale 2022
Gold
Chris Geison
Theme Two Intro
2023 • Advancing Research 2023
Gold
Yunyan Li
UX Best Practices
2021 • Design at Scale 2021
Gold
Jennifer Strickland
Adopting a "Design By" Method
2021 • Civic Design 2021
Gold
Joi Freeman
A New Vantage Point: Building a Pipeline for Multifaceted Research(ers)
2020 • Advancing Research 2020
Gold
Maria Giudice
Empowering change: Reigniting purpose, passion and impact in research
2025 • Advancing Research 2025
Gold
Brigette Metzler
Scaling ResearchOps: Helping Researchers do Their Best Work
2020 • Advancing Research 2020
Gold
Shreya Dhawan
Making service tangible: the fastest path to higher performance
2025 • Advancing Service Design 2025
Gold
Saara Kamppari-Miller
Inclusive Design is DesignOps
2021 • DesignOps Summit 2021
Gold
Chris Geison
What's Next for Research?
2021 • Advancing Research Community
Jon Temple
Panel: Stacks, Security, and Stakeholders: The Hidden Work of UXR Tool Procurement
2026 • Advancing Research 2026
Conference
Steve Portigal
Looking Back…to Look Ahead
2024 • Advancing Research 2024
Gold
Catt Small
Craft a Vision that Actually Gets Shipped
2026 • Rosenfeld Community
Steve Chaparro
Bringing Into Alignment Brand, Culture and Space
2020 • DesignOps Community

More Videos

Liwei Dai

"Our foundational interview, observation, and sense-making skills are evergreen and indispensable in the AI world."

Liwei Dai

The Heart and Brain of the AI Research

March 31, 2020

Carol Massa

"Over perfection is less effective than showing progress and building rapport with stakeholders."

Carol Massa

Designing Health: Integrating Service Design, Technology, and Strategy to Transform Patient and Clinician Experiences

December 3, 2024

Jake Burghardt

"Research is a design material and reframing insights for different audiences is key to maximizing their impact."

Jake Burghardt

Finding More Inroads into Research Impact

February 20, 2026

Matt Bernius

"Over-researching vulnerable populations repeats colonial patterns of extracting trauma without care."

Matt Bernius Rachael Dietkus, LCSW Aditi Joshi Alba Villamil

Learnings from Applying Trauma-Informed Principles to the Research Process

March 10, 2022

Bob Baxley

"Designers have different minds, like organic computers, each tuned to solve different parts of the problem."

Bob Baxley

Leading with Design Operations Past and Present

December 19, 2019

Amy Evans

"Stepping into the shoes of design gave stakeholders a new admiration for the design process and strengthened our relationship."

Amy Evans

How to Create Change

September 25, 2024

Phil Gilbert

"People plus practices plus places equals artifacts."

Phil Gilbert

A Consistent Culture of Design

May 14, 2015

Ian Johnson

"People just don't get that the design and the process is fundamental."

Ian Johnson

Latent Scope: Finding structure in unstructured data

June 11, 2025

Louis Rosenfeld

"This doesn't replace books, it helps people learn about books and synthesize related information."

Louis Rosenfeld

GenAI for UXers: A Rosenbot Demo and Discussion

June 11, 2025