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

"Designing services that work not just for us now but for our future selves is our responsibility."
Samuel ProulxInvisible barriers: Why accessible service design can’t be an afterthought
December 3, 2024

"It's wonderful to see such a burgeoning community of researchers willing to learn together."
Victor UdoewaTheme One Intro
March 27, 2023

"How can we from our design discipline find ways to measure our impact without harming our day-to-day work?"
Gonzalo GoyanesDesign ROI: Cover a Little, Get a Lot
September 8, 2022

"The conversation about design and policy needs to be broader and more inclusive."
Alexandra SchmidtWhy Ethics Can't Save Tech
November 18, 2022

"Users don't hire designers; businesses do."
Jose CoronadoFrom Zero to Hero
September 8, 2022

"It's okay to not have all the answers and to admit ignorance."
Pippa LomasPaving the Path for Neurodiversity in Design
October 4, 2023

"There’s a need for a fresh set of eyes to challenge current practices in climate tech."
Louis Rosenfeld Matt Jones Olga Khroustaleva Michael Leggett Karol MunozDo you want to work on climate? (Climate UX Discussion Series)
November 15, 2023

"In a complex organization, HR is the gatekeeper to successful enterprise-wide transformation."
Jeff GothelfThe Intersection of Lean and Design
January 10, 2019

"Design canvases sort of almost self-facilitate because it's a design concept that tries to embed some of the facilitation into the tool."
Dave GrayGroup Activity: Making Sense of DesignOps
November 7, 2017