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)
Groups Vs Frames
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
