-
KICKING OFF 8
-
1. Introduction to Complete UI/UX Mega Course 03 minLecture1.1
-
2. Starting out as a beginner 03 minLecture1.2
-
3. What is UI/UX, Importance and Differences 04 minLecture1.3
-
4. What is Figma 02 minLecture1.4
-
5. Intro to Personna 04 minLecture1.5
-
6. Task flow and user flow 06 minLecture1.6
-
7. What we are Making in this Figma Course 03 minLecture1.7
-
0 questionQuiz1.1
-
-
WIREFRAME 3
-
8. What is a wireframe and what is it use for 04 minLecture2.1
-
9. High fidelity in figma 02 minLecture2.2
-
Exercise 2 0 questionQuiz2.1
-
-
INTRO TO FRAME,TEXT AND COLOR 10
-
10. Figma Installation and Creating a New design file 04 minLecture3.1
-
11. Introduction to frames 08 minLecture3.2
-
12. Using text tool 10 minLecture3.3
-
13. The use of shape tool 10 minLecture3.4
-
14. Using strokes and managing default 06 minLecture3.5
-
15. Basics of working with colors in Figma 06 minLecture3.6
-
16. Object Editing and Manipulation 05 minLecture3.7
-
17. Introduction to scale and move tool 03 minLecture3.8
-
18. Frame , Groups and Section in Figma 10 minLecture3.9
-
0 questionQuiz3.1
-
-
PAGES, ICONS AND PLUGINS 4
-
19. Where to find and use free icons 08 minLecture4.1
-
20. How to synchronize icons strokes 08 minLecture4.2
-
21. Using pages in figma 03 minLecture4.3
-
22. How to install and use plugins in figma 07 minLecture4.4
-
-
BASIC PROTOTYPING 3
-
23. How to create Prototype in Figma 06 minLecture5.1
-
24. Animating Prototype and Easing 06 minLecture5.2
-
25.View Prototypes on a mobile device using Figma Prototype mirror share.testing on your Phone 02 minLecture5.3
-
-
BASIC ANIMATION 1
-
26. Smart animation and Delays 05 minLecture6.1
-
-
MOODBOARD-HIGH FIDELITY 2
-
28. Getting inspirations for ui/UX projects 06 minLecture7.1
-
29.Creating moodboards in figma 03 minLecture7.2
-
-
COLUMNS 2
-
30.Working with Columns and Grid 08 minLecture8.1
-
I. Complete the designs on the remaining screens using grid for proper Alignments 0 questionQuiz8.1
-
-
COMMENTING 1
-
27.Sharing and Commenting on Figma file with Stakeholders 05 minLecture9.1
-
-
FIGMA TIPS AND TRICKS 1
-
31.Figma tips and tricks 06 minLecture10.1
-
-
COLOURS 5
-
32. Using the eye dropper tool and color inspiration 08 minLecture11.1
-
33. Creating a color Palette in Figma 04 minLecture11.2
-
34. Making color gradients in Figma 04 minLecture11.3
-
35. Create and use color styles in figma 05 minLecture11.4
-
I. Following what we learnt in class, use the knowledge learnt to create your own color styles 0 questionQuiz11.1
-
-
TEXT AND FONTS-ADVANCED 5
-
36. Variations in the amount of font between the browser and desktop versions of Figma 02 minLecture12.1
-
37. Choosing and pairing fonts 02 minLecture12.2
-
38.Common font size to use in web design 06 minLecture12.3
-
39.Making Text styles in figma 03 minLecture12.4
-
40. Lorem ipsum 03 minLecture12.5
-
-
DRAWING 2
-
41. Drawing tips and tricks in Figma 13 minLecture13.1
-
42. Tidy up and Smart selection in Figma 04 minLecture13.2
-
-
WORKING WITH ILLUSTRATOR 1
-
43. Working with Illustrator 09 minLecture14.1
-
-
IMAGES 3
-
44.Tips are tricks using images in Figma 11 minLecture15.1
-
45. How to get royalty free images using plugins 05 minLecture15.2
-
I. Add your desired background color to your design across all the Screens in your project. 0 questionQuiz15.1
-
-
WORKING WITH PHOTOPEA 2
-
46. Do you need Photoshop for your UX design 05 minLecture16.1
-
47. About Photopea 02 minLecture16.2
-
-
AUTOLAYOUT AND CONSTRAINTS 5
-
48. Using Autolayout for spacing 03 minLecture17.1
-
49.Spacing in autolayout 04 minLecture17.2
-
50. How to use constraints 03 minLecture17.3
-
51. Constraints in Figma 2 03 minLecture17.4
-
52. Drop Shadow effect in Figma 03 minLecture17.5
-
-
EFFECTS 2
-
53. Layer Blur, Image and Background Blur in Figma 04 minLecture18.1
-
54. Neumorphic, GlasmorphisM, Skeoumorphism Design in Figma 04 minLecture18.2
-
-
SAVINGS AND HISTORY 1
-
55.Local and Save History in Figma 04 minLecture19.1
-
-
COMPONENTS AND INSTANCES 4
-
56. Master Components and Instances 08 minLecture20.1
-
57. Updating and resetting your components 04 minLecture20.2
-
58. Component best design practices 04 minLecture20.3
-
59. Advanced way of organizing your components using Forward slash 04 minLecture20.4
-
-
VARIABLE AND VARIANTS IN FIGMA 2
-
60. How to make a variable component in Figma 04 minLecture21.1
-
61. How to make a multi dimensional variant in Figma 05 minLecture21.2
-
-
MAKING A FORM 1
-
62. How to make a form using variants in Figma 08 minLecture22.1
-
-
PROTOTYPING-ADVANCED 6
-
63. How to add a pop up overlay modal in Figma 08 minLecture23.1
-
64. How to make and prototype a tooltip in Figma 06 minLecture23.2
-
65. Mobile Nav Menu Overlay in Figma 03 minLecture23.3
-
66. How to Fix Navigation to the top in Figma 16 minLecture23.4
-
67. How to make Horizontal Scrolling Swipe in Figma 04 minLecture23.5
-
68.How to design Automatic Carousel / Slider in Figma 08 minLecture23.6
-
-
ANIMATIONS AND MICRO INTERACTIONS 3
-
69. Animation with custom easing in Figma 05 minLecture24.1
-
70. Micro Interactions using Interactive Components in Figma 03 minLecture24.2
-
71. Toggle Switch and Burger Menu Micro Interaction 04 minLecture24.3
-
-
THUMBNAIL UPDATE 1
-
72. How to change the Thumbnail for Figma Files 03 minLecture25.1
-
