xDesign System Illustration showing components
Meta logo

xDesign System

During 2022-23 I was a Product Designer supporting a design system used to create Meta workplace tools.

Skills

  • Product design
  • Prototyping
  • UX and product research
  • User interviews/workshops

Tools

  • Figma
  • Meta internal workplace tools

Background

xDesign System (XDS) is a design system built with Bootstrap and React, tailored for employees—primarily engineers, designers, and product managers—who use it to develop and maintain tools. As a designer supporting XDS, my focus was on providing technical guidance and best practices for tool builders while also establishing processes to help future employees create and maintain documentation.

Figma design file update

Figma

I updated the master Figma file whenever live component changes were finalized (e.g., form UI updates, modifications to alert notification interactions). Serving as the source of truth for tool builders and engineers, the master Figma file provides the blueprint for design system components. Additionally, I was responsible for addressing questions from collaborators directly within the file.

On-call support

On-call support

I participated in biweekly on-call rotations for a Workplace group dedicated to supporting xDesign System, answering different types of questions about components. Some inquiries were resolved with a simple response, while others required more in-depth discussions, such as meetings or design reviews.

Design documentation

I updated the xDesign System wiki, which serves as the source of truth for design best practices used by tool builders and xDesign System users. My focus was on keeping the copy and imagery current on component pages based on user feedback, while also ensuring comprehensive coverage of the most frequently used components.