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

"Everyone has the right to trust and understand how AI interacts with them."
Greg NudelmanDesigning Conversational Interfaces
November 14, 2019

"You can never be sick enough to help the sickest people."
Deanna ZandtThe Unspoken Complexity of “Self-Care” with Deanna Zandt
July 21, 2022

"When we design interfaces that are simple and easy, we are also designing for ourselves in those times."
Sam ProulxAccessibility: An Opportunity to Innovate
March 9, 2022

"We didn't expect to hear that we could serve customers better with core browser features."
Sharon BautistaTime to Make the Donuts: How User Research Helped Bridge Disparate Teams
January 8, 2024

"I'm paving the path for neurodiversity in design."
Pippa LomasPaving the Path for Neurodiversity in Design
October 4, 2023

"I was still not happy and felt a little powerless."
Liwei DaiThe Heart and Brain of the AI Research
March 31, 2020

"It's particularly challenging when you have to deal with hundreds of thousands of objects and millions of users."
Uday GajendarTheme 1: Introduction
June 9, 2021

"Screen readers aren't a one size fits all solution; everyone customizes their settings to fit their needs."
Sam ProulxUnderstanding Screen Readers on Mobile: How And Why to Learn from Native Users
June 6, 2023

"Bringing out the best in humans should be a core goal of any organization."
Amy ThibodeauOpening Keynote: Process and Ambiguity
October 23, 2019