Dish Design System

Uniting Dish product teams around a common visual language

Role

Product Designer

Team

Senior Product Designer, Product Designer II (me)

Timeline

May 2024 - December 2024 (Build) | Present (Upkeep and updates)

Establishing scalable foundations and consistency across brands

I co-led the design of Dish's design system, establishing scalable foundations and design tokens that improved consistency across products. By building comprehensive documentation, automating the icon library, and designing reusable components, I accelerated developer handoff, reduced design debt, and enabled teams to ship faster with greater cohesion.

Design tokens architecture

I defined the naming conventions and architecture for Echostar’s Design System, enabling support for multiple themes and all company brands. By establishing a pipeline from primitives to semantic labels, I created a flexible foundation that adapts seamlessly to future use cases and brand updates.

Single source of truth

I worked with the iOS and Android teams to automate the sync between Figma and the codebase, creating a real-time single source of truth for icons. This eliminated manual exports, Jira tickets, and developer rework, removing duplicates, reducing code bloat, and unifying naming across design and code. By streamlining the workflow, we replaced a fragmented, error-prone process with an automated system that likely saved Dish hundreds of thousands of dollars annually.

System foundations

  • Accessibility-first: All components and color palettes tested for WCAG compliance

  • Flexible & scalable: Themeable structure to support brand-specific styling

  • Principle-driven: Rooted in system design best practices and brand values

  • Strong foundations: Color, typography, grid, motion, and spacing tokens

Component library

  • Built for responsiveness and variant flexibility

  • Supports consumer (Boost, DISH, Sling) and enterprise/internal products

  • Adopted by 5+ design teams and hundreds of engineers

  • Continuously maintained, with an active roadmap for updates and expansion

You've reached the end :)

© 2025 Shirley Xieli

You've reached the end :)

© 2025 Shirley Xieli

You've reached the end :)

© 2025 Shirley Xieli

You've reached the end :)

© 2025 Shirley Xieli