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
"Safety first has to be a must, has to be clean, effective, and reliable."
Teresa SwinglerLook, Up in the Sky! UX/UI for Aerospace
October 27, 2022
"MasterCard is reinventing itself for the digital world."
Karen PascoeDeveloping Experience Teams and Talent in the Enterprise
June 8, 2016
"This is a conversation that I feel is long overdue in our community."
Cornelius RachieruHandling Complexity: Framing a Scale of Design
June 9, 2021
"We take it as a principle to act by always considering a different perspective."
Onur Kocan Ayhan EnsiciUnderstanding the Strategy for Civic Design in a Complex City: Istanbul
November 16, 2022
"Our sponsors are offering amazing optional sessions that are high quality content for free."
Bria AlexanderOpening Remarks
March 29, 2023
"Consultants rely on a variety of data, and we can do the same."
Megan BlockerGetting to the “So What?”: How Management Consulting Practices Can Transform Your Approach to Research
March 26, 2024
"The criteria success metrics were considered limited by many."
Niko LaitinenAdaptable Org Design for Resilient Times
June 10, 2021
"We’re a publisher, we’re in the business of selling books."
Peter Van Dijck Louis RosenfeldCoffee with Lou #4: Taking a Peek Under the Rosenbot's Hood
June 14, 2024
"Content that is not prioritized becomes less usable and therefore less useful."
Jorge ArangoScale Smart: AI-Powered Content Organization Strategies
September 24, 2024
