Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Design an Apple Music Player UI in Figma (Step-by-Step)

Design an Apple Music Player UI in Figma (Step-by-Step)

Learn practical mobile UI design in Figma by recreating a real Apple Music player interface from scratch.
Created byIhor Yakymenko
Last updated 3/2026
English

What you'll learn

  • Recreate a real Apple Music player UI layout in Figma from scratch
  • Understand how to structure mobile UI layouts using spacing, typography, and alignment
  • Work with icons, artwork, and visual hierarchy to build a polished interface
  • Export and present a clean mobile UI design ready for a portfolio

Course content

1 section7 lectures33m total length
  • Intro0:41
  • Lecture 1 - Preparation4:03
  • Lecture 2 - Background & Cover9:25
  • Lecture 3 - Song & Progress bar11:14
  • Lecture 4 - Play & Voume5:40
  • Lecture 5 - Extras & Export2:24
  • Outro0:22

Requirements

  • A free Figma account and basic computer skills. No prior UI design experience required.

Description

In this hands-on course you will recreate the main Apple Music player interface step-by-step using Figma. Instead of focusing only on theory, this course walks you through building a real mobile UI layout from scratch. You will learn how to structure the interface, organize visual elements, and assemble a polished music player screen similar to what you would find in a real mobile application.

Throughout the course we will work with layout, spacing, typography, icons, and album artwork to build a clean and visually balanced interface. The goal is not just to copy the design, but to understand the structure behind it so you can apply the same thinking to other mobile UI projects.

This course is beginner-friendly and designed for designers who want practical experience working in Figma. A starter Figma file with icons and assets is included so you can easily follow along with the lessons and focus on the design process.

By the end of the course you will have a finished music player interface and a better understanding of how modern mobile UI layouts are built. Whether you are new to UI design or looking for a quick practical project to improve your Figma skills, this course will help you gain confidence designing clean and structured mobile interfaces.

Who this course is for:

  • Beginner designers who want to learn practical mobile UI design in Figma by recreating a real Apple Music player interface step-by-step.