U-NEXT Atomic 2.0 Design System Implementation
Lilianka Julian
U-NEXT Atomic 2.0 Design System
U-NEXT is the number one Japanese streaming service.
Timeline: Jun 2022 ~ Jul 2022
Team: U-Next CX
Platform: Web, iOS, Android
My Role: Senior Product Designer
Core Team
UXUI Designers 2
Lead Engineers 3
Methods
Component Pattern Analysis
Component Pattern Cleanup
Atomic 2.0 Breakdown
Component Migration
Component Documentation
Stress Test
The Challenge
Sort, Migrate, and Brush Duplicated Components.
U-NEXT’s ecosystem spans Web, iOS, Android, and TV apps. Each platform had inconsistent components:
Mismatched paddings
Duplicate patterns
Color and typography inconsistencies
Friction in design–engineering handoff.
Component-Library
My Mission
Raise the Product Design Standards to Enable Consistency.
I applied a structured DesignOps framework with three key layers:
Audit & Inventory
Collected and catalogued all components across Figma files for Web, iOS, Android, and TV.
Identified duplicates, inconsistencies, and usage patterns.
System Definition in Atomic 2.0
Migrated core style assets: colors, typography, grids, spacing.
Built atoms, molecules, organisms in a consistent, reusable hierarchy.
Created usage documentation to enforce standards.
Ops & Governance
Set up Figma libraries, version control, and branching workflows.
Established contribution guidelines.
Built feedback and validation loops with designers and engineers.
Documentation-Examples
Take aways and Learnings
Not every designer embraces systems at first. Early on, I faced resistance from peers who felt design systems limited creativity.
Knowledge sharing builds trust and credibility. By creating showcases and walking through the chaos of duplicated components, I was able to shift perspectives, and clear case studies and applications are key.
Timing matters. Looking back, I wish I had been braver in proposing the migration earlier. My contributions came later in the product’s evolution, and in the stage I was looking for other opportunities of growth.
Like this project
Posted Sep 3, 2025
Redesigned and implemented the Atomic 2.0 Design System for U-NEXT, creating a unified design language across platforms.
Likes
1
Views
2
Timeline
Jun 1, 2022 - Jul 31, 2022
Clients
U-NEXT
Calliope | AI Powered Call Center
Kanvas – Web as a Service Engine
Katari, Your Language Vlog
Sneak peak of my must recent project. I'm not the best at br...
