This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn Figma to Design & Prototype your Ideas
Introduction to Figma UI UX Tool
Download and Install Figma (4:46)
Intro to Figma's Interface (9:08)
Assets and Layers Panel in Detail (6:49)
How to use Course Assets Folder? (3:12)
Download Resources for Figma Class
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
Using Grids and Guides (9:41)
Auto Layout in Figma (5:23)
Groups Vs Frames (11:15)
Exporting Assets, Images, Icons from Figma (9:16)
Variants in Figma (8:10)
Advance use of Variants in Figma (5:55)
Prototyping with Transitions in Figma
Prototyping Basics (11:36)
Swapping Screen Overlays Delays (9:33)
On Drag Horizontal Scrolls (12:21)
How to use Figma Mirror App (5:26)
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
Creating Gradient Buttons (1:07)
Masking Assignment (4:13)
Creating Button UI Effects (1:17)
Prototyping Basics Assignment (1:45)
Drag and Scroll Assignment (1:22)
Final App Design Assignment (2:26)
Hand, Comments and Pencil tool
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock