A music app that feels familiar. The player has big cover art, a progress bar and controls. The home screen has playlists, recent tracks and a mini player.

What is included

• Large cover art with a glow
• A progress bar and playback controls
• Playlist cards and recent tracks
• A mini player bar
• A four item tab bar

Where to use it

Use it for a music, podcast or audio app.

Design notes

This music player app screens follows a simple rule: Mobile layouts need comfortable touch targets. The buttons and rows here are at least 44 pixels tall, and the text stays readable on small screens. It includes large cover art with a glow, a progress bar and playback controls, playlist cards and recent tracks, so you can start from a finished layout and change only what you need.

Built for editing

Spacing follows a 4 point scale and layers have clear names, so developers can find what they need. Fonts are free on Google Fonts, and every color can be changed from the fill panel. You also get a mini player bar and a four item tab bar.

How to use it

Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans and a few free Google Fonts. Install them first so the text looks the same.

Light version

This listing is the light version. The dark version is listed separately.