From the course: UX Foundations: Multidevice Design
Join today to access over 25,300 courses taught by industry experts.
Designing a Playlist screen - Figma Tutorial
From the course: UX Foundations: Multidevice Design
Designing a Playlist screen
- [Instructor] In this movie, 2 we'll create the playlist screen for our music app. 3 The playlist will give our users a list 4 of all the songs in the playlist they selected. 5 Same as before, 6 we'll use the same background color and frame size. 7 Next, we'll add the navigation bar 8 which I've already created. 9 I'm using the navigation bar with the left arrow 10 to indicate that someone has tapped into a playlist 11 and is seeing the view of songs 12 associated with that playlist. 13 I'll also add the tab bar. 14 Let's add an image of the playlist, 15 select the R key and draw a rectangle 16 that is 375 wide and 220 in height 17 and place that below the navigation bar and select an image. 18 Let's add some details. 19 I have a component that captures the details 20 and I'll place it below the image. 21 These details give more information 22 on what the playlist is 23 with some icons to like and download 24 and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.