Free course learning UI/UX design in Figma from start to finish. Join me in this free course compiled from a recent live stream series all about designing a video game companion app in Figma ... Remember to Subscribe https://goo.gl/6vCw64

Want to master UI design with me? Join my 30Day UI Design program
http://30dayui.com/

//////////// Join my members community to get access to perks:
You can get this starting and ending design file
https://designchamps.io/



//////////// My Courses, Templates, Free EBooks, & 1:1 Mentorship
https://www.jesseshowalter.com/

////////// Follow me on Social
Instagram:   / imjesseshow  
Twitter:   / imjesseshow  

////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter



////////// I build most of my websites using Webflow
https://webflow.grsm.io/4495884

////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/1...

////////// The Equipment I use
https://www.amazon.com/shop/jesseshow...

00:00:00 Introduction
00:06:10 Mood board
00:21:47 Project Requirements
00:26:08 Color Styles
00:30:11 Navigation
00:35:31 Grid & Layout
00:39:04 Wire framing
00:43:31 Cards
00:46:13 Vertical Scrolling
00:50:14 Detail Screen
01:00:42 Prototyping
01:06:48 Add Images
01:14:56 Hard grid vs Soft grid
01:18:17 Icons
01:28:09 Chat
01:44:55 Portrait view
02:00:38 Dashboard
02:11:41 Scaling components
02:26:58 States
02:31:59 Scrolling space hack
02:33:03 Color
02:40:45 Fleshing it out
02:52:21 Reusing more components
03:04:47 Better Nav
03:10:26 Organize
03:15:29 Better Transitions
03:23:25 Dark mode
03:38:43 Design System
03:46:45 Multiple Triggers
03:47:29 Fixing Issues
03:52:07 Scrolling the chat