Autoplay
Autocomplete
Previous Lesson
Complete and Continue
One & Only Mobile App UI/UX Design Masterclass with Figma
Introduction
Introduction (1:35)
Desktop vs Browser Version (1:17)
Download and Install Figma (2:21)
Figma Interface Overview (11:14)
Adjust Figma Interface Size (2:18)
Canvas Background and Theme (2:01)
Offline Mode (9:38)
Figma Basics
Navigating around the Canvas (2:24)
Move/Scale Tool (3:44)
Frame Tool (13:30)
Slice Tool (3:08)
Shape Tools (11:41)
Pen/Pencil Tool (9:18)
Arc Tool (4:38)
Boolean Operations (5:22)
Layers Panel (5:23)
Measure distances between Objects (4:16)
Custom Thumbnail (3:05)
Image
Image Tool (2:07)
Image as a Fill (6:08)
Pasting an Image (3:06)
Image Effects (8:04)
Import Multiple Images at once (2:05)
Masks (6:18)
Text
Text Tool (11:45)
Formatted Lists (5:57)
Emojis within a Text (1:09)
Convert Text into a Vector (2:57)
Icons as a Text (3:00)
Creating a Link (4:29)
Managing Text Styles (7:23)
Layout Tools
Groups (3:39)
Smart Selection (5:50)
Guides (5:24)
Constraints (8:56)
Grids (9:53)
Nudge Values (3:24)
Auto Layout (23:36)
Outlines Mode (3:14)
Styles and Components
Color Styles (9:10)
Text Styles (8:29)
Other Styles (4:38)
Introducing with Components (7:37)
Component's Text Property (5:04)
Component's Boolean Property (3:08)
Component's Instance Swap Property (4:45)
Component Variants (17:46)
Collaboration
Spotlight (4:34)
Cursor Chat (4:05)
Comments (6:06)
Useful Resources
Fonts (3:09)
Colors (4:32)
Vectors and other Assets (6:11)
Interesting Plugins for Figma (15:06)
Tic Tac Toe Game - UI Design Project
Design Systems (8:43)
Project Resources (1:00)
Color Styles for the Project (12:32)
Text Styles for the Project (4:41)
Design the Splash Screen (5:40)
Layout of an Onboarding Screen (8:46)
Design Onboarding Navigation Component Variants (16:04)
Design Onboarding Content Component (9:24)
Design Onboarding Image and Finish it (5:17)
Design Sign in Screen & Button Component (17:04)
Layout of a Preparing Screen (4:36)
Design Loading Progress Component (12:28)
Preparing Screen - Handle Internet Connection (7:43)
Home Screen - Design Score Component (11:01)
Design Game History Component (17:33)
Design Scoreboard Component (13:38)
Design Bottom Bar Component (9:36)
Design Top Bar Component (12:41)
Design an Input Field and a Game History Screen (9:50)
Design Date Picker Component (13:38)
Design Scoreboard Screen (10:41)
Online Players - Empty State (6:38)
Online Players - Status & Small Button Components (15:25)
Online Players - Search Players (7:01)
Small Button - Different States (11:33)
Online Players - Bottom Sheet (12:41)
Design Friends Screen (7:24)
Design Dialog Component (7:21)
Design Game Board Component (15:16)
Game Board - Dark Theme (11:21)
Finishing the Game Screen (15:52)
Prototyping
About Prototyping (4:48)
Flow 1 - On Boarding (16:05)
Flow 2 - Sign in without On Boarding (2:44)
Flow 3 & 4 - Preparing Screen (6:03)
Flow 5 - Home and Game History (17:35)
Flow 5 - Home and Scoreboard (5:59)
Flow 6 - Online Players (22:05)
Flow 7 - Friends (9:08)
Flow 8 - Game (16:42)
Homework
Your Homework (1:57)
Bonus
Material 3 Design UI Kit (7:29)
Stevdza-San's App UI Design
Preparing Screen - Handle Internet Connection
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock