Curriculum
Available in
days
days
after you enroll
Available in
days
days
after you enroll
- 1.1 Mindset: Intention & Clarity. (4:23)
- 1.2 Design: From Concepts to Career Paths, Clients & Employers. (18:56)
- 1.3 Design Systems: Essence, Parts, Why Clients & Designers need them. (34:30)
- 1.4 Design Tokens (16:32)
- 1.5 Color in UI Design (34:52)
- 1.6 Typography in UI Design (24:17)
- 1.7 Grids, Layout & Spacing (21:52)
Available in
days
days
after you enroll
- 2.0 Intro to module (0:28)
- 2.1 Brand personality & Project Moodboard (3:30)
- 2.2 Color system & color tokens (17:35)
- 2.3 Typography system (9:48)
- 2.4 Typography Variables [NEW π₯] (16:52)
- 2.5 Typography Variables - Deep Dive [NEW π₯] (31:58)
- 2.6 Typography Variables - Responsive Design [NEWπ₯] (12:33)
- 2.7 Spacing system. Spacing, layout & size tokens (6:17)
- 2.8 Grid & Layout. Breakpoints. Tokens (13:15)
- 2.9 Icons: Theory, Best Practices, How to choose Icon Pack & Tips & Tricks (14:40)
- 2.10 Media Assets (2:41)
Available in
days
days
after you enroll
- 3.0 Intro to module (1:21)
- 3.1 Interactive States (8:53)
- 3.2 Avatar (29:33)
- 3.3 Button (39:15)
- 3.4 Badge (15:48)
- 3.5 Loader (6:17)
- 3.6 Checkbox (5:29)
- 3.7 Radio Button (3:59)
- 3.8 Toggle (2:36)
- 3.9 Tabs (6:12)
- 3.10 Native Assets (1:26)
- 3.11 Tooltip (10:22)
- 3.12 Sidebar Navigation (28:47)
- 3.13 Menu (10:27)
- 3.14 Top Navigation (15:26)
- 3.15 Input (23:54)
- 3.16 Table (25:59)
Available in
days
days
after you enroll
- 4.0 Intro to the module
- 4.1 Log in, Sign up, Forgot Password. Recreating real UI. (24:20)
- 4.2 Dashboard. Home page. Recreating real UI. (27:30)
- 4.3 Adapting Navigation. (6:04)
- 4.4 Settings page. Recreating real UI. (19:41)
- 4.5 Creating Branding themes using Tokens/Variables. (9:16)
- 4.6 Creating Dark theme using Tokens/Variables. (17:55)
- 4.7 Adapting Design system. Typography styles and components. (10:10)
- Final Figma File
Available in
days
days
after you enroll
Available in
days
days
after you enroll