Complete UI/UX Mega Course

What you'll learn

With Figma, you can create fully interactive prototypes, work with UX personas, and design simple wireframes.
How to implement colors and images properly, choose appropriate fonts for web and mobile apps, and create your own icons, buttons, and other UI components.
In addition to mastering Figma, you will gain a solid understanding of important UX concepts such as components, constraints, multi-dimensional variants and have access to free UI kits and plugins that can help speed up your workflow.
Throughout the course, you will build a UX project from beginning to end, and learn what clients expect from a UX designer.
How to create a simple style guide for client handoff, and make both simple and advanced micro interactions, page transitions, and animations.

Whether you want to design websites or mobile phone apps, this course will teach you everything you need to know about working with fonts and colors, testing on mobile devices, and exporting production-ready assets.
How to use photopea to enhance your design.
How to create various UI/UX design effects including Glasmorphism, Neomorphism, Skeuomorphism and also a comprehensive guide on how to achieve these effects and make your designs stand out.
Best of all, you will be able to add (UX designer) to your CV with confidence, knowing that you have the skills and knowledge to succeed in this exciting field.

Description

Course Content

Reviews

Hello, I'm Elisha Nanyong, and I'm excited to welcome you to the Complete UI/UX Mega Course using Figma🎉🌟, where we'll learn everything you need to start working as a UI/ UX Designer using Figma.

Together, we'll explore how to create beautiful user interfaces and engaging prototypes using this powerful UI/UX design tool🎨💡. We'll also cover the expectations that clients have for new UI/UX designers so that you can be well-prepared for your first job.💼

If you're new to design or User Experience design, don't worry. This course is intended to be accessible to beginners, and we'll start with the basics and work our way up.🚀

By the end of the course, you'll have the skills and knowledge to create professional designs and prototypes that meet users' needs and goals.🎓

First, we will provide an overview of how to work with a UX persona, followed by a guide on creating basic wireframes.

Then, we will delve into best practices for incorporating colors and images in your designs, as well as dos and don'ts for selecting fonts for web and mobile apps.🎨🖼️

Additionally, we will cover the creation of custom icons, buttons, and other UI components, and introduce key concepts such as Components, Constraints, and Multi-Dimensional Variants, which are easy to grasp once you understand them.💡

To streamline our workflow, we will explore free UI kits and plugins for Figma.🧰🔌

We will then build a simple style guide to prepare for client handoff.

Finally, we will explore how to create both simple and advanced micro-interactions, page transitions, and animations, ensuring a comprehensive understanding of these key elements in design.🎬

By the end of this course, you will have created fully interactive prototypes and seen a project through from start to finish, collaborating with team members and exporting the appropriate files for your developer or software engineer.

While we will primarily focus on using Figma software, I will also explain the key techniques and industry terms used in UX design and project management. By the end of the course, you will have a strong grasp of these concepts and be capable of managing your own UX projects.

Throughout the course, I will assign projects to help you develop your skills and create a unique portfolio piece. It's time to take your skills to the next level and become a Figma Hero.🚀💪

Who is this course for

This course is designed for individuals who are looking to incorporate Figma into their careers and get paid for their user experience design skills.

It is specifically tailored to beginners, newbies, and amateurs in the field of UX designers who are new to the world of design and user experience.

If you need to add "UX Design" to your portfolio or are interested in learning the essentials of UI and UX design, this course is for you.

KEY QUESTIONS:

What are the course requirements?

Access to a laptop or computer.

Will certificate be issued?

Yes, a certificate of completion will be issued at the end of the course.

Expand all

KICKING OFF

7 lectures

1. Introduction to Complete UI/UX Mega Course

3 minutes

2. Starting out as a beginner

3 minutes

3. What is UI/UX, Importance and Differences

4 minutes

4. What is Figma

2 minutes

5. Intro to Personna

4 minutes

6. Task flow and user flow

6 minutes

7. What we are Making in this Figma Course

3 minutes

WIREFRAME

2 lectures

8. What is a wireframe and what is it use for

4 minutes

9. High fidelity in figma

2 minutes

INTRO TO FRAME,TEXT AND COLOR

9 lectures

10. Figma Installation and Creating a New design file

4 minutes

11. Introduction to frames

8 minutes

12. Using text tool

10 minutes

13. The use of shape tool

10 minutes

14. Using strokes and managing default

6 minutes

15. Basics of working with colors in Figma

6 minutes

16. Object Editing and Manipulation

5 minutes

17. Introduction to scale and move tool

3 minutes

18. Frame , Groups and Section in Figma

10 minutes

PAGES, ICONS AND PLUGINS

4 lectures

19. Where to find and use free icons

8 minutes

20. How to synchronize icons strokes

8 minutes

21. Using pages in figma

3 minutes

22. How to install and use plugins in figma

7 minutes

BASIC PROTOTYPING

3 lectures

23. How to create Prototype in Figma

6 minutes

24. Animating Prototype and Easing

6 minutes

25.View Prototypes on a mobile device using Figma Prototype mirror share.testing on your Phone

2 minutes

BASIC ANIMATION

1 lecture

26. Smart animation and Delays

5 minutes

MOODBOARD-HIGH FIDELITY

2 lectures

28. Getting inspirations for ui/UX projects

29.Creating moodboards in figma

3 minutes

COLUMNS

1 lecture

30.Working with Columns and Grid

8 minutes

COMMENTING

1 lecture

27.Sharing and Commenting on Figma file with Stakeholders

FIGMA TIPS AND TRICKS

1 lecture

31.Figma tips and tricks

6 minutes

COLOURS

4 lectures

32. Using the eye dropper tool and color inspiration

8 minutes

33. Creating a color Palette in Figma

4 minutes

34. Making color gradients in Figma

4 minutes

35. Create and use color styles in figma

5 minutes

TEXT AND FONTS-ADVANCED

5 lectures

36. Variations in the amount of font between the browser and desktop versions of Figma

2 minutes

37. Choosing and pairing fonts

2 minutes

38.Common font size to use in web design

6 minutes

39.Making Text styles in figma

3 minutes

40. Lorem ipsum

3 minutes

DRAWING

2 lectures

41. Drawing tips and tricks in Figma

13 minutes

42. Tidy up and Smart selection in Figma

4 minutes

WORKING WITH ILLUSTRATOR

1 lecture

43. Working with Illustrator

9 minutes

IMAGES

2 lectures

44.Tips are tricks using images in Figma

11 minutes

45. How to get royalty free images using plugins

5 minutes

WORKING WITH PHOTOPEA

2 lectures

46. Do you need Photoshop for your UX design

5 minutes

47. About Photopea

2 minutes

AUTOLAYOUT AND CONSTRAINTS

5 lectures

48. Using Autolayout for spacing

3 minutes

49.Spacing in autolayout

4 minutes

50. How to use constraints

3 minutes

51. Constraints in Figma 2

3 minutes

52. Drop Shadow effect in Figma

3 minutes

EFFECTS

2 lectures

53. Layer Blur, Image and Background Blur in Figma

54. Neumorphic, GlasmorphisM, Skeoumorphism Design in Figma

4 minutes

SAVINGS AND HISTORY

1 lecture

55.Local and Save History in Figma

4 minutes

COMPONENTS AND INSTANCES

4 lectures

56. Master Components and Instances

8 minutes

57. Updating and resetting your components

4 minutes

58. Component best design practices

4 minutes

59. Advanced way of organizing your components using Forward slash

4 minutes

VARIABLE AND VARIANTS IN FIGMA

2 lectures

60. How to make a variable component in Figma

4 minutes

61. How to make a multi dimensional variant in Figma

5 minutes

MAKING A FORM

1 lecture

62. How to make a form using variants in Figma

8 minutes

PROTOTYPING-ADVANCED

6 lectures

63. How to add a pop up overlay modal in Figma

8 minutes

64. How to make and prototype a tooltip in Figma

6 minutes

65. Mobile Nav Menu Overlay in Figma

66. How to Fix Navigation to the top in Figma

16 minutes

67. How to make Horizontal Scrolling Swipe in Figma

4 minutes

68.How to design Automatic Carousel / Slider in Figma

8 minutes

ANIMATIONS AND MICRO INTERACTIONS

3 lectures

69. Animation with custom easing in Figma

5 minutes

70. Micro Interactions using Interactive Components in Figma

3 minutes

71. Toggle Switch and Burger Menu Micro Interaction

4 minutes

THUMBNAIL UPDATE

1 lecture

72. How to change the Thumbnail for Figma Files

3 minutes

Thumba Joseph Mukwato

Rating |

This course is amazing I learnt a lot. I enjoyed the use of Figma, it really is an interesting tool for beginners and experts alike in the field of UI/UX Design.

Abdullahi Abubakar Sadiq

Rating |

It was a beautiful experience and i learnt alot

Oyebode Tomiwa

Rating |

Nice job explaining this course step by step

SteveTheFriend

Rating |

Rich and very interesting course starter

Muyideen Sodiq olaitan

Rating |

Nice doing the UI/UX with AQskill

UGWU EMMANUEL SUNDAY

Rating |

Get interesting kudos

Oldipupo Taiwo

Rating |

Interesting class

Ezealisiobi Uchenna

Rating |

Going on well

Kolawole Adeshina

Rating |

this is good

Cecil Edem

Rating |

great

Are the videos downloadable ?

The videos are efficiently compressed for quick downloads at any time.

How do I access the course videos and materials?

Once your payment is complete, you will have full access to the course lessons and materials. You can download and watch them at your convenience, and our team will provide full support and assistance throughout your learning journey.

How can I obtain my certificate after completing the course?

Once you have completed the course, you can easily download your certificate directly from your dashboard.

Thumba Joseph Mukwato

Rating |

This course is amazing I learnt a lot. I enjoyed the use of Figma, it really is an interesting tool for beginners and experts alike in the field of UI/UX Design.