Course contents

SECTION: 1

Getting Started 30:36

SECTION: 2

Wireframing - Low Fidelity 11:03

SECTION: 3

Type, Color & Icon Introduction 1:12:34

10. The basics of type & fonts in Figma

10:52

11. Rectangles, Circles, Buttons and Rounded corners in Figma

6:50

12. How to use color in Figma

5:46

13. Strokes plus updating color defaults in Figma

9:28

14. Object editing and how to escape in Figma

1:47

15. Quiz question 1

16. Scale vs Selection Tool in Figma

2:39

17. Frames vs Groups in Figma

9:24

18. Quiz question 2

19. Class Project 02 - Wireframe

3:01

20. Where to get Free icons for Figma

9:10

21. Matching the stroke of our icons

5:16

22. How to use Plugins in Figma for icons

4:32

23. Class Project 03 - Icons

3:49

SECTION: 4

Pages 8:32

SECTION: 5

Prototyping - Level 1 30:08

SECTION: 6

Animation Level 1 10:46

SECTION: 7

Commenting 14:09

SECTION: 8

Moodboard - High Fidelity 13:40

SECTION: 9

Columns 13:54

SECTION: 10

Tips & Tricks 7:21

SECTION: 11

Colors 34:48

SECTION: 12

Text & Fonts Advanced 47:48

SECTION: 13

Drawing 35:41

SECTION: 14

Working with Illustrator 4:16

SECTION: 15

Images 17:55

SECTION: 16

Working with Photoshop 11:58

SECTION: 17

Autolayout & Constraints 52:08

SECTION: 18

Effects 15:30

SECTION: 19

Saving & History 5:42

SECTION: 20

Components & Instances 36:15

SECTION: 21

Variants 23:04

SECTION: 22

Making a form 34:05

SECTION: 23

Prototyping - Level 2 43:01

SECTION: 24

Teams & Projects 5:19

SECTION: 25

Libraries 11:03

SECTION: 26

Animation & Micro Interactions 1:05:40

SECTION: 27

Thumbnail update 4:10

SECTION: 28

Exporting 34:21

SECTION: 29

What next 15:53

Ooops

You need a subscription to BYOL.com to view the knowledge quiz on this course.

Already a member? Login here

This course has been archived because the content is no longer up-to-date or relevant to most students

You can watch the new, up-to-date course by clicking here.

Figma UI UX Design Essentials

Are groups bad to use?