Replicating Spotify's Now Playing UI using Auto Layout - Part 1 / 2

In this post, we will breakdown and analyze the Now Playing screen of Spotify app, and try to replicate it using Auto Layout. This post assume you have some experience working with Auto Layout. The playback button icons used in this post are from Font Awesome, you can use fa2png.

Replicating Spotify's Now Playing UI using Auto Layout - Part 1 / 2

Third Annual iOS Music Player Showcase

Spotify Testing New Interface for Its Now Playing Feature

Spotify takes on TikTok with vertical feed of music videos - 9to5Mac

Designing Spotify with Figma

Making Sense of Auto Layout + Case Studies

Create a Stunning Spotify Clone Project with HTML and CSS (Source

Project 2

Spotify's Car Thing Is About to Face the Music - CNET

Spotify UI - Autolayout-Variants

Spotify testing new design for 'Now Playing' interface and 'Car View

New Spotify UI update, repeat button + queue button added in now

Desktop: New Now Playing View sidebar - The Spotify Community