Music Player App: App Screens for Figma | HorizonX

UI/UX

Music Player App

A warm dark-mode music streaming app in Figma: now-playing screen with stacked album art, a session home with weekly charts and genre cards, plus the extracted transport, mini-player and list components.

Music Player App, image 3
Music Player App, image 1
Music Player App, image 2
Music Player App, image 3
Music Player App, image 1
  • Instant access Included with every membership
  • Ready to adapt Use it as your starting point
  • Commercial license With a membership, for client work

Overview

Music Player App is a two-screen streaming concept in Figma, built in a warm espresso dark mode over a sunset gradient and shipped with its parts separated so you can reuse them. The now-playing screen stacks three album covers in a depth carousel, with the station name and track position above, and below them the track title, artist and album line, a scrub bar with elapsed and total time, the prev/pause/next transport, and a secondary row for repeat, equaliser and shuffle. The home screen opens on a greeting block with a tilted polaroid cover and a pill CTA, then a ranked "this week" list with star scores and overflow actions, a genre grid of gradient cards, and a docked mini-player with its own progress bar and controls. A third board breaks the interface into standalone components (the full transport cluster, the compact transport, the mini-player card, the track-list rows and the search and filter buttons), each on its own so you can drop them into another file without dismantling a screen. The UI copy is in Spanish and reads as a real product rather than lorem. Everything is auto-layout and fully editable. Note: the album cover photographs are stock placeholders and are not included. Replace them with your own artwork.

Highlights

  • Crafted to production standard
  • Ready to adapt to your own project
  • Included with every membership

What's included

  • The files listed under Specs
  • Included with every membership
  • Commercial license with a membership

Frequently asked questions

  • The files for this asset, in the format listed under Specs on this page.

  • It's included with a HorizonX membership, with no separate purchase.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.