Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Design A Mobile App With Figma UI and UX Design
01. Introduction To The Course
01.01 Introduction To The Course (1:50)
01.02 Introduction Of The Instructor (0:45)
01.03 What Is Figma (4:20)
01.04 Quick Win Example Of What You Can Do In Figma (0:45)
01.05 Project Preview - Design A Mobile App In Figma (1:10)
01.06 Course Requirements (1:28)
02. Where To Find Figma
02.01 Where To Find Figma (2:28)
02.02 Figma Browser App Vs Desktop App (3:45)
03. Getting Started In Figma
03.01 Figma Start Screen (4:25)
03.02 Introduction To Figma Interface (6:30)
03.03 Import And Export Files In Figma (7:02)
03.04 Use Figma Templates For Ui And Ux Design (6:09)
03 Source Files
04. Navigate The Figma User Interface
04.01 Work With Figma Toolbar (13:25)
04.02 Work With Figma Layers And Pages Panel (3:16)
04.03 Work With Figma Assets Panel (4:07)
04.04 Work With Figma Design Panel (5:59)
04.05 Work With Figma Prototype Panel (4:09)
04.06 Work With Figma Code Panel (2:07)
04.07 Work With Figma Canvas (3:17)
04.08 Figma Keyboard Shortcuts (5:30)
04.09 Work With Figma Version History (3:09)
04 Source Files
05. Set up Mobile App Design In Figma
05.01 Build A New Project And File In Figma (3:05)
05.02 Import Sketch Files In Figma (3:03)
05.03 Work With Teams In Figma (4:00)
05.04 Work With Templates In Figma (3:45)
05 Source Files
06. Draw Content In Figma
06.01 Work With Frames In Figma (5:30)
06.02 Work With Shapes In Figma (6:52)
06.03 Draw Icons With The Figma Pen Tool (9:26)
06.04 Draw Shapes With The Figma Pencil Tool (4:00)
06.05 Work With Text In Figma (7:59)
06 Source Files
07. Work With Images And Graphics In Figma
07.01 Mask Images And Shapes In Figma (7:38)
07.02 Import Icons And Graphics In Figma (9:12)
07 Source Files
08. Work With Colors And Styles In Figma
08.01 Work With Color In Figma (6:27)
08.02 Work With Styles In Figma (9:59)
08 Source Files
09. Work With Components And Constraints In Figma
09.01 Set Up Components In Figma (12:47)
09.02 Use Constraints For Responsive Design In Figma (7:24)
09 Source Files
10. Design Mobile App Pages In Figma
10.01 Design More Mobile App Pages In Figma (27:11)
10 Source Files
11. Design Mobile App Animations In Figma
11.01 Design Mobile App Animations In Figma (25:12)
11 Source Files
12. Design Microinteractions In Figma
12.01 Design Microinteractions In Figma (25:01)
12 Source Files
13. Complete Mobile App Design In Figma
13.01 Design A Slide Out Menu In Figma (7:14)
13.02 Design On Screen Overlay In Figma (5:15)
13.03 Design A Comments Section In Figma (12:09)
13.04 Design Multiple Artboard States In Figma (12:09)
13 Source Files
14. Build A Prototype In Figma
14.01 Build A Prototype In Figma (18:14)
14.02 View Figma Prototype On Mobile Device (8:04)
14 Source files
15. Share And Export Figma Design
15.01 Share Figma Design (4:02)
15.02 Enable Comments On Figma Design (4:04)
15.03 Export Figma Graphics And Assets (4:55)
15 Source Files
03.03 Import And Export Files In Figma
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock