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.

New Soundtrack Feature for Spotify - Pedro Vilela

Desktop: New Now Playing View sidebar - The Spotify Community

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

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

The A to Z of UX - H is for Heuristics - Part 1: 10 UX principles

Spotify: how software ate audio. This is the story of what has

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

Introducing MusicBot: The All-in-One Apple Music Assistant

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

Making Sense of Auto Layout + Case Studies

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

How to show Now Playing in Spotify with Next.js