U-NEXT Atomic 2.0 Design System Implementation by Lilianka JulianU-NEXT Atomic 2.0 Design System Implementation by Lilianka Julian

U-NEXT Atomic 2.0 Design System Implementation

Lilianka Julian

Design Systems Specialist

Product Designer

UI Designer

Confluence

Figma

Notion

Video Streaming

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

Views

Timeline

Jun 1, 2022 - Jul 31, 2022

Clients

U-NEXT