Spotify UI - Live Streaming Free Figma Template

Spotify UI - Live Streaming - Free Figma Template

Work in progress concept for live-streaming feature inside Spotify.

Features including:

– Streaming "radio"

– Sharing stream

– Queueing music

– Stream stats

– Audience Chat

Feb 13, 2021 Update

– Getting components updated with auto-layout and variants. It's been awhile since I updated this file apparently. D:

– Came up with a new streaming panel now feat. Madi Diaz.

– The audio visualizer takes a backseat being the currently playing track. it felt too forced to try to make it a thing in the forefront.

– A "live" badge that I'll explore animating in when you hit "start stream"

August 14, 2021 Update

• Updated most components to reflect Spotify's most up to date UI changes as of August 14th.

• Various changes to color, spacing, new states defined.

• Still need to clean up some things and explore more ideas now that the Greenroom app is released as well.

Next Up

– Explore chat and profile interaction in the chat. Reporting abuse, kicking someone from audience as host.

– How do you find someone else's stream? How does this become social where you see streams and hop into some and explore?

– Empty State for queue

– Onboarding on to streaming

– Accessing the stream in the first place, and from where

– What should a streamers 'end of stream' experience look like? Recap of how the stream performed? # of listeners? # of reactions? Can streams be monetized if it's original music?

– How do podcasts play a role in this? Could you connect to a mic?

This freebie Spotify UI - Live Streaming was originally shared by Matt Walker on this url.

The category for this freebie is Dashboard/UI Kits. Tools used to create this freebie are Figma and Adobe XD.

Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask Matt Walker nicely and they will probably allow you to use it.