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.

As y'all might know, Spotify has been A/B testing an absolutely

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

New Soundtrack Feature for Spotify - Pedro Vilela

Spotify Layout on Figma

Designing Spotify with Figma

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

Music - UX Enhancements by Ankit Passi

Making Sense of Auto Layout + Case Studies

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

iOS and iPadOS 13: The MacStories Review - MacStories - Part 4

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

How to best practice your UI skills, by Marija Stojkovska

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

Spotify expands availability of the one feature Apple Music should