From the course: UX Foundations: Multidevice Design

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Designing a Home screen

Designing a Home screen - Figma Tutorial

From the course: UX Foundations: Multidevice Design

Start my 1-month free trial Buy for my team

Designing a Home screen

“

- [Instructor] We're designing a music app 2 that will design across multiple platforms. 3 I'd like this app to focus on classical music. 4 I'll be using Figma to design this experience, 5 and I'll start with mobile 6 since this will be our primary device 7 our users will interact with. 8 To add a new frame, you can press f, 9 or you can go to the menu at the top left of the screen 10 and press the icon that looks like a pound symbol. 11 It will open a menu on the right hand-side, 12 and you'll see the options for different sizes of frames. 13 I've selected the iPhone 13 Mini 14 with a width of 375 and a height of 812. 15 I've changed the background to black 16 by selecting the frame and on the right-hand panel 17 changing the fill from all Fs to all zeros. 18 You'll want to change the name of the frame to Homepage, 19 which I've already done. 20 I have some pre-made elements for the navigation bar, 21 which includes the…

Contents