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.

Auto Layout in Figma -Everything You Need to Know

How I built a miniature, year-round available version of Spotify

Apple Music Not Playing? Here Are 13 Solutions to Try

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

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

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

Uncovering How the Spotify Algorithm Works

Spotify Layout on Figma

Retro Pod' app yanked from the App Store

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

Making Sense of Auto Layout + Case Studies

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