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