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
09.01 Set Up Components In Figma
Lesson content will be unlocked within 30 minutes.
Teachable is working on this bug.
No further action will be required on your part
.
Thank you for your patience