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 Spotify UI update, repeat button + queue button added in now

New Soundtrack Feature for Spotify - Pedro Vilela

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

Design Consistency Guide with 9 Best Practices

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

Photos+ now available for macOS - Product Discussions - Storj

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

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

Spotify Starts Testing New CarPlay Interface With Queue System

Case study: Spotify — A reverse engineering challenge

Spotify's new now playing UI competes with Apple Music, and I think

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