Introduction to Figma UI UX Tool
Master Basics of Figma App
-
Frames or Artboards in Figma (7:37)
-
Intro to Figma Tools (12:56)
-
Pen tool (9:13)
-
Type Tool (6:46)
-
Place Image Tool (7:47)
-
Hand, Comments and Pencil tool (5:07)
-
Fill Colors in Detail (7:46)
-
Masking in Figma App (5:33)
-
Creating resueable Styles in Figma (8:22)
-
Effects in Figma - Drop Shadows, Inner Shadows etc... (9:46)
-
Let's create Components (9:10)
-
Constraints in Components (5:45)
-
Common Figma Shortcuts Part 1 (6:52)
-
Common Figma ShortcutsPart 2 (10:55)
-
Design Collaboration - Working with other Designers in Figma (2:49)
-
Team Libraries (13:03)
-
Community Tab in Figma (7:45)
Layout Grid, Auto Layout and Exporting in Figma
Prototyping with Transitions in Figma
Exercise Project ► Yumms Recipe App Design + Prototype
-
Creating Wireframes and getting Design Inspirations (8:17)
-
Plan your Grids and Guides before starting Design (7:27)
-
Design Login Screen (18:17)
-
Meals Home Screen Design Part 1 (19:10)
-
Meals Home Screen Design Part 2 (9:54)
-
Meals Home Screen Design Part 3 (25:32)
-
Meals Home Screen Design Part 4 (4:21)
-
Meals Home Screen Design Part 5 (2:19)
-
Prototyping 5 Meals Screens (11:42)
-
Designing Search Part 1 (8:33)
-
Design and Prototype Search Filters (15:55)
-
Showing Search Results Design and Prototype (14:25)
-
Single Recipe Screen Design (8:00)
-
Single Recipe Design and Prototype (15:10)
-
Review Overlay Screen (10:06)
Assignments for you
