Figma for Mobile App Design: Ultimate Edition

Course Curriculum

Chapter 1: Introduction

Lecture 1: Download all the resources here

Lecture 2: Design your first app screen

Lecture 3: The most important thing about designing apps

Lecture 4: Figma vs Adobe XD vs Sketch vs Photoshop

Lecture 5: Two fundamental skills to have in Figma

Lecture 6: My honest opinion about animations and no-code

Lecture 7: Let’s improve our speed

Lecture 8: Here’s how apps work and what you need to provide

Lecture 9: Don’t design any mobile app without this!

Lecture 10: Fix this mobile app design

Lecture 11: How much $ should you charge?

Lecture 12: Discover Figma’s interface & why professionals use it

Lecture 13: Android vs iOS – should you care?

Chapter 2: Flagship App Design Project – Part 1

Lecture 1: Introduction to this section

Lecture 2: Exploring the brief

Lecture 3: Analyze the app’s competitors – Part 1

Lecture 4: Analyze the app’s competitors – Part 2

Lecture 5: Create the layout for the first screen

Lecture 6: Set up the foundation for the home screen

Lecture 7: Sketch out the restaurant details screen

Lecture 8: How to make great design choices

Lecture 9: Design concepts for the location screen (1)

Lecture 10: Design concepts for the restaurant listing (2)

Lecture 11: Set up the status bar and the action bar

Lecture 12: Restaurant listing alternatives (2)

Lecture 13: More variations for the card

Lecture 14: Final restaurant listing variations (2)

Lecture 15: Creating options for the action bar

Lecture 16: Design concepts for the restaurant details (3) screen

Lecture 17: Variation for the restaurant details

Lecture 18: Choosing the best typeface

Lecture 19: Define and refine our app’s look with styles

Lecture 20: Practice your speed

Lecture 21: Finish the first screen

Lecture 22: A new style of button to have a great flow

Lecture 23: Section overview

Chapter 3: What you need to know about Google Material Design 2&3

Lecture 1: This is Material Design

Lecture 2: Android interface components overview

Lecture 3: Here's the best artboard size for your apps

Lecture 4: Size in pixels: here’s why people argue

Lecture 5: Learn to design the action bar (top bar)

Lecture 6: Everything you need to know about tabs

Lecture 7: Displaying content in cards

Lecture 8: Beautiful and effective buttons on Android

Lecture 9: Work with text like a pro

Lecture 10: FREE size guide for Android components

Chapter 4: Typography for Beautiful Mobile Apps

Lecture 1: Typography fundamentals

Lecture 2: 7 rules for easy-to-read text

Lecture 3: Here's what the biggest apps are doing

Lecture 4: Guide for perfect font sizing in any app

Lecture 5: How to combine fonts correctly

Chapter 5: Use colors for beautiful mobile apps

Lecture 1: Discover the principles of color use

Lecture 2: How to use color appropriately

Lecture 3: The principle of color contrast

Lecture 4: The best color schemes from top apps

Lecture 5: Tools for awesome color schemes

Chapter 6: Discover iOS best practices that produce solid results!

Lecture 1: iOS apps – Overview

Lecture 2: 1x, 2x, 3x, PPI, notch?! iOS artboard size guide

Lecture 3: PPI – pixels per inch explained

Lecture 4: App design comparison: iOS vs Android

Lecture 5: Official UI Kit – good or bad?

Lecture 6: iOS status bar (with/wo Notch)

Lecture 7: iOS Navigation bar

Lecture 8: iOS Tab bar

Lecture 9: iOS Text Fields

Lecture 10: iOS Controls

Lecture 11: Running Android apps on Mac OS

Lecture 12: The official iOS typeface – should you use it?

Lecture 13: iOS conclusions

Chapter 7: Flagship App Design Project – Part 2 – Advanced Figma Features

Lecture 1: Download the resources for this section

Lecture 2: Create the login and register screens

Lecture 3: Using components – step by step guide

Lecture 4: Use instance swap to quickly change icons

Lecture 5: Focus on your speed

Lecture 6: Use component properties – like a professional!

Lecture 7: This is how you use variants

Lecture 8: Gain speed

Lecture 9: Using fields the right way

Lecture 10: Create the left menu

Lecture 11: Create interactive checkboxes

Lecture 12: Create toggle switches

Lecture 13: Design cards with components

Lecture 14: Here’s how you can make a beautiful credit card screen

Lecture 15: Design a beautiful reviews page

Lecture 16: How to style a review card

Lecture 17: My take on going the extra mile

Lecture 18: Create the checkout screen – step 1

Lecture 19: Create the checkout screen – step 2

Lecture 20: Using variants in the checkout screen

Lecture 21: Think ahead for the prototype

Lecture 22: Final thoughts about the project

Lecture 23: Live session: Experimenting with different looks