COMPLETE UI/UX MEGA COURSE
Elevate your design game with the ultimate UI/UX Mega Course: Where Creativity Meets Functionality
Design,Figma,User Experience Design
Lectures -75
Quizzes -3
Duration -5.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
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.??
Goals
With Figma, you can create fully interactive prototypes, work with UX personas, and design simple wireframes.
How to properly implement colors and images, choose appropriate fonts for web and mobile apps, and create 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, and 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, and 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.
Prerequisites
You'll need a copy of Figma. A free plan is available on the Figma website.
No previous UX Design/UI Design experience is needed.
No previous Figma skills are needed.
No previous design skills or experience required.
![COMPLETE UI/UX MEGA COURSE COMPLETE UI/UX MEGA COURSE](https://d3mxt5v3yxgcsr.cloudfront.net/courses/18698/course_18698_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
KICKING OFF
8 Lectures
-
1. Introduction to Complete UI/UX Mega Course 02:38 02:38
-
2. Starting out as a beginner 02:23 02:23
-
3. What is UI/UX, Importance and Differences 03:27 03:27
-
4. What is Figma 02:09 02:09
-
5. Intro to Personna 04:18 04:18
-
6. Task flow and user flow 05:25 05:25
-
7. What we are Making in this Figma Course 02:28 02:28
-
Exercise
WIREFRAME
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
INTRO TO FRAME,TEXT AND COLOR
9 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
PAGES, ICONS AND PLUGINS
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
BASIC PROTOTYPING
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
BASIC ANIMATION
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Commenting
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
MOODBOARD-HIGH FIDELITY
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
COLUMNS
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
FIGMA TIPS AND TRICKS
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
TEXT AND FONTS-ADVANCED
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
DRAWING
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
IMAGES
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
WORKING WITH PHOTOPEA
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
AUTOLAYOUT AND CONSTRAINTS
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
EFFECTS
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
SAVINGS AND HISTORY
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
COMPONENTS AND ITS INSTANCES
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
VARIABLE AND VARIANTS IN FIGMA
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
MAKING A FORM
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
PROTOTYPING-ADVANCED
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
ANIMATIONS AND MICRO INTERACTIONS
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
THOMBNAIL UPDATE
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Nanyoung Elisha](https://www.tutorialspoint.com/assets/profiles/1024856/profile/200_2918900-1712224424.jpg)
Nanyoung Elisha
Welcome to my profile! I'm Nanyong, a passionate UI/UX instructor with over 3 years of industry experience. Through my courses, I aim to empower aspiring designers with practical skills and knowledge. From wireframing to prototyping, I'll guide you step-by-step to create delightful user experiences. Join my courses today and unlock your creative potential in the fascinating world of UI/UX design! Let's embark on this learning journey together.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)