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

Desktop: New Now Playing View sidebar - The Spotify Community

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

How to best practice your UI skills, by Marija Stojkovska

Anyone else experiencing this new Spotify now playing UI in app

Desktop: New Now Playing View sidebar - The Spotify Community

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

Photos+ now available for macOS - Product Discussions - Storj

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

iPhone apps SpotOn Radio and Soundrop.fm use Spotify API

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

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

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

TikTok Trends December 2023 – What's Trending on TikTok This Week?