YOUTUBE CLONE

UI replication · Layout systems · Visual hierarchy

Purpose

These YouTube screens were replicated as a focused design exercise to deepen my proficiency in Figma and study how large-scale products structure their interfaces. The process helped me understand grid systems, layout decisions, component behavior, and the logic behind a mature design system.

Original YouTube Homepage
Recreated Interface in Figma

Recreated Interface in Figma

Key homepage and video playing sections were recreated to study grid behavior, spacing, hierarchy, and component reuse.

Component & System Breakdown

The interface was broken down into reusable components to understand scalability and consistency.

Interaction & Motion Study

I studied key micro-interactions to understand how motion supports usability and feedback in everyday flows.

Home Page
Voice search interaction.
Search suggestions & results behavior.
Video Playing Page
Hover & focus feedback.

Disclaimer - This was a self-initiated UI exploration project created for learning purposes. YouTube is a trademark of Google, and this work is not affiliated with or endorsed by YouTube.