Fubo Design System
The goal of this project was to build a design system from the ground up for Fubo from scratch. We created components and layouts for all platforms—TV, mobile, and web—for the Fubo app, and tokenized those elements. This allows developers to easily update designs and ensures a consistent design system across all platforms.
My role
Senior Product Designer / Lead Prouct Designer
Design Year
2021- current
Director Christopher Jarzabek
Designer Konrad Klinkner, Oscar Alberto
My role & contributions
• Built the Fubo design system from scratch in collaboration with team members.
• Created core design system components and layout structures.
• Documented components and layouts for engineers and internal designers to ensure consistent implementation.
• Created design component and layout tokens using Figma Tokens plug-in.
• Assisted in the tokenization of design components and layouts.Built the Fubo design system from scratch in collaboration with team members.
Problem
Despite being one company, Fubo had five+ distinct design languages across its products, resulting in a fragmented and inconsistent user experience
Let’s find out the solution below
Design system component documentation
Design system layout documentation
Design tokens
Updated and managed design tokens using the Token Studio Figma plugin.
Results & impact
Established a single source of truth by consolidating 15+ fragmented button styles into 4 standardized variants, achieving a 70%+ reduction in design complexity.
Automated engineers' manual coding process through tokenized components, eliminating repetitive handoff work.
Reduced time-to-market via the design system — cutting update cycles from 2 weeks to immediate deployment.