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 30-Day 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 E-Books, & 1:1 Mentorship https://www.jesseshowalter.com/ 👋 ////////// Follow me on Social Instagram: https://www.instagram.com/imjesseshow Twitter: http://twitter.com/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/16252 📸 ////////// The Equipment I use https://www.amazon.com/shop/jesseshowaltertv 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