Skip to main content
CD Baby

Design System

Design SystemProduct Design

Overview

A matured design system and Figma library for CD Baby's artist tooling, including components, layouts, and usage guidelines.

Who it's for

Product designers and front-end engineers working on CD Baby's web tools.

Problems it solves

  • Fragmented UI components across different tools and flows
  • Slow design and dev cycles due to lack of shared patterns
  • Inconsistent visual language for artists

Key use cases

  • Designers assemble screens from pre-built components instead of designing from scratch
  • Engineers reference a canonical Figma library for implementation details
  • New product areas (onboarding, lyrics, submission) use the same visual and interaction language

My contributions

  • Matured existing component library into cohesive design system
  • Created Figma library with components, layouts, and usage guidelines
  • Documented patterns for designers and engineers
  • Established consistent visual and interaction language

Visuals

Kermit - Product Designer