Voyager Design System (VDS)
As Paramount+ expanded across multiple platforms and brands, the Voyager Design System (VDS) team established a unified foundation that became the single source of truth for the organization. Centered on atomic Figma libraries, a shared token repository, and pipelines that delivered consistent UI to every platform, VDS aligned design and engineering around one cohesive system. With Storybook validating implementations, these core features enabled the merging of front-end systems across Pluto TV, Viacom Brands, and Paramount+.
Impact
Delivered a scalable, multi-platform design system built on atomic Figma libraries, a unified token architecture, and cross-platform component pipelines.
Reduced design debt by 60%, increased UI consistency, and improved delivery speed for product and engineering teams across the Paramount+ ecosystem.
Role
Product Design Manager
Company
Paramount+
Streaming products require a multi platform approach to UI library management. Paramount+ categorizes platforms into 3 groups, web, app(ios,Android), and TV device types.
Work Process
Foundations: 2021-2022
Atomic Figma Libraries
Modular, constraint-driven libraries defined a consistent design vocabulary across teams and brands. This structure reduced duplication and created the foundation needed to align front-end systems across all Paramount Streaming surfaces.
During the early stages of VDS, building a robust set of components, and setting standards for feature delivery were the first challenges to solve. Once designers had a foundation of assets and habits to follow, feature work got smoother with each iterative improvement to the system.
This eventually lead to design teams being capable of contributing to the system without VDS team members being directly involved, thus speeding up decision making and increasing feature velocity.
Atomic UI structures enabled teams to work independently while staying connected to the central system of components/variables. Over time, when teams began to form their own unique patterns, VDS supported libraries of patterns for feature work.
Unified VDS Token Repository
Tokens served as the connective tissue—defining color, type, spacing, motion, and semantics in a platform-agnostic way. Their transformation across Web, iOS, Android, tvOS, and Roku enabled all brands to inherit the same visual system, forming the basis for the 2025 Convergence Initiative.
With Paramount+ design language defined, tokens could be defined and structured in JSONS to deliver to dev teams. Demos of Style Dictionary to stakeholders validated the approach to link Figma to code.
Work Process
Prod implementation: 2023-2024
Storybook Implementation Library
By consuming token outputs, Storybook provided a shared verification layer for engineers across brands. This ensured component that behavior and visual fidelity remained consistent as teams transitioned to a unified system.
Cross-Platform Delivery Pipelines
Automated pipelines distributed token-driven UI updates directly into platform repositories. This structure synchronized front-end codebases and helped consolidate brand implementations into a single, reliable source of truth.
Architected with the VDS Governance Committee, the VDS repo acts as the source of truth for token generation, and each device platform utilizes the assets delivered directly from Figma.
Custom pipelines were built to support various app architecture requirements. MVP was to deliver tokens via versioned packages.
Work Process
Scale via open-source
VDS was built on well-established open-source tools—Style Dictionary, Storybook, token transformers, and automated build systems. Using these familiar standards lowered adoption barriers for engineering teams, supported parallel platform migrations, and made it feasible to converge multiple brand experiences into one system.
Storybook/App UI Libraries
Style Dictionary Token Config
Atomic Design Principles
Outcome
1 company; 1 system
Reduced design debt by 60% through standardized components and token-driven updates.
Increased UI consistency across Paramount+ and related streaming brands as front-end systems converged.
Improved delivery speed through automated pipelines that synchronized changes across platforms and brands.
Established a single source of truth that enabled the Convergence of Paramount Streaming's brands, bringing multiple ecosystems onto one unified system and engineering foundation.
Strengthened cross-functional alignment by connecting designers, engineers, and product teams around shared assets and implementation patterns.
