Project

XDS: Xylem Design System

Xylem's design system supports more than 40 diverse solutions across the globe. The legacy system hadn't been updated in three years and no longer reflected current accessibility or usability standards — nor Xylem's most recent brand evolution.

Recognizing this gap, I identified the need for a dedicated design system program and drove the initiative to establish XDS from the ground up. I assembled and led a cross-functional team of five UX designers and one developer through the end-to-end process — from planning and design reviews to release coordination and organizational alignment. The system was built in Figma, encompassing foundational styles, component libraries, design principles, and usage guidelines.

I led the company-wide release and socialization of XDS to drive awareness, adoption, and consistency across the organization. The slides below are an excerpt from the launch presentation — designed to inform both technical and non-technical audiences on what a design system is and why it matters.

Impact

XDS launched as the foundational design system across Xylem's global product portfolio — standardizing components, improving accessibility compliance, usability and enabling faster, more consistent design and development across Xylem's digital applications.

What is a Design System?
Why Are We Updating?
What is Usability?
Outcomes of Good Usability
What is Accessibility?
WCAG 2.2 Guidelines
Visual Contrast
Interactions
Built for Consistency & Scalability
Icons
How We Get XDS Components
Documentation in Figma
Foundation to Framework
AI and XDS