FIGMA ULTIMATE MEGA COURSE

Focused View

Nanyong Elisha

5:28:16

124 View

01 - KICKING OFF

001 COMPLETE-UIUX-MEGAG-COURSE-RESOURCES.rar

001 Introduction.mp4

02:38

002 Starting out as a beginner.mp4

02:23

003 What is UIUX Importance and Differences.mp4

03:27

004 What is Figma.mp4

02:09

005 Introduction to personna.mp4

04:18

006 Task flow and user flow.mp4

05:25

007 What we will be Making in this Course.mp4

02:28

external-links.txt

02 - WIREFRAME

001 What is a wireframe and what is it use for.mp4

02:29

002 High fidelity in figma.mp4

02:00

03 - INTRO TO FRAMETEXT AND COLOR

001 Figma Installation and Creating a New design file.mp4

03:37

002 Introduction to frames.mp4

06:59

003 Using text tool.mp4

08:28

004 The use of shape tool.mp4

09:13

005 Using strokes and managing default.mp4

04:50

006 Basics of working with colors in Figma.mp4

05:32

007 Object Editing and Manipulation.mp4

05:14

008 Introduction to scale and move tool.mp4

02:11

009 Frame GrouFrame Groups and Section in Figma.mp4

09:39

04 - PAGES ICONS AND PLUGINS

001 Where to find and use free icons.mp4

06:58

002 How to synchronize icons strokes.mp4

06:29

003 Using pages in figma.mp4

02:08

004 How to install and use plugins in figma.mp4

05:31

05 - BASIC PROTOTYPING

001 How to create Prototype in Figma.mp4

05:10

002 Prototype animation and easing.mp4

05:13

003 View Prototypes on a mobile device using Figma Prototype mirror share.mp4

01:50

06 - BASIC ANIMATION

001 Smart animation and delays.mp4

04:51

07 - COMMENTING

001 Sharing and Commenting on Figma file with Stakeholders.mp4

04:31

08 - MOODBOARD - HIGH FIDELITY

001 Getting inspirations for UIUX projects.mp4

05:10

002 Creating mood boards in figma.mp4

02:59

09 - COLUMNS

001 Working with Columns and Grid.mp4

07:01

10 - FIGMA TIPS AND TRICKS

001 Figma tips and tricks.mp4

05:15

11 - Colours

001 Using the eye dropper tool and color inspiration.mp4

07:06

002 Creating a color Palette in Figma.mp4

03:41

003 Making color gradients in Figma.mp4

03:11

004 Create and use color styles in figma.mp4

03:58

12 - TEXT AND FONT- ADVANCED

001 Variations in the amount of font between the browser and desktop versions of Fig.mp4

01:19

002 Choosing and pairing fonts.mp4

01:32

003 Common font size to use in web design.mp4

05:40

004 Making Text styles in figma.mp4

02:44

005 Lorem ipsum.mp4

02:28

13 - DRAWING

001 Drawing tips and tricks in Figma.mp4

12:03

002 Tidy up and Smart selection in Figma.mp4

03:27

14 - WORKING WITH ILLUSTRATOR

001 Working with Illustrator.mp4

08:40

15 - IMAGES

001 Tips are tricks using images in Figma.mp4

10:46

002 How to get royalty free images using plugins.mp4

04:12

16 - WORKING WITH PHOTOPEA

001 Do you need Photoshop for your UX design.mp4

04:17

002 About Photopea.mp4

01:47

17 - AUTOLAYOUT AND CONSTRAINTS

001 Using Autolayout for spacing.mp4

02:30

002 Spacing in Autolayout.mp4

03:58

003 How to use Constraints.mp4

03:01

004 How to use Constraints 2.mp4

02:49

18 - Effects

001 Layer Blur Image and Background Blur in Figma.mp4

03:02

002 Neumorphic Glasmorphism Skeoumorphism Design in Figma.mp4

03:46

19 - SAVINGS and HISTORY

001 Local and Save History in Figma.mp4

03:31

20 - COMPONENTS AND INSTANCES

001 Updating and resetting your components.mp4

03:19

002 Master Components cannot be deleted from your Project.mp4

07:36

003 Component best design practices.mp4

00:37

004 Advanced way of organizing your components using Forward slash.mp4

04:14

21 - VARIABLE AND VARIANTS IN FIGMA

001 How to make a variable component in Figma.mp4

03:23

002 How to make a multi dimensional variant in Figma.mp4

04:13

22 - MAKING A FORM

001 How to make a form using variants in Figma.mp4

07:19

23 - PROTOTYPING 2

001 How to add a pop up overlay modal in Figma.mp4

07:24

002 How to make and prototype a tooltip in Figma.mp4

04:47

003 Mobile Nav Menu Overlay in Figma.mp4

01:56

004 How to Fix Navigation to the top in Figma.mp4

15:02

005 How to make Horizontal Scrolling Swipe in Figma.mp4

03:01

006 How to design Automatic Carousel Slider in Figma.mp4

07:46

24 - ANIMATIONS AND MICRO INTERACTIONS

001 Animation with custom easing in Figma.mp4

04:08

002 Micro Interactions using Interactive Components in Figma.mp4

02:46

003 Toggle Switch and Burger Menu Micro Interaction.mp4

03:05

25 - THUMBNAIL UPDATE

001 How to change the thumbnail for Figma Files.mp4

02:06

Description

Low and High Fidelity ,Animations, Multi-Dimentional Variables, Colors, Text, Icons and Plugins with Prototyping

What You'll Learn?

With Figma, you can create fully interactive prototypes, work with UX personas, and design simple wireframes.
You'll also learn how to implement colors and images properly, choose appropriate fonts for web and mobile apps, and create your own icons, buttons, and other U
You will learn how to use photopea to enhance your design
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.
collaborating with team members and exporting the appropriate files for your developer or software engineer.
You'll even learn how to create your first UX brief and persona, and pick up professional workflow tricks and shortcuts.
You will learn how to create various UI/UX design effects including Glasmorphism, Neomorphism and Skeuomorphism .you will receive a comprehensive guide on
Best of all, you'll 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.
Throughout the course, you'll build a UX project from beginning to end, and learn what clients expect from a UX designer.
You'll also learn how to create a simple style guide for client handoff, and make both simple and advanced micro interactions, page transitions, and animations.
With videos of detailed Figma and UX/UI design content, you'll have all the techniques used by UX professionals at your fingertips.

Who is this for?

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

It is specifically tailored to beginners, newbies, and amateurs in the field of UX design 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.

What You Need to Know?

To get started, all you'll need is a copy of Figma, which you can download for free from Figma website.

Whether you're a beginner or an experienced designer, Figma is accessible to all skill levels.

This course is designed for anyone who wants to learn UX/UI design with Figma, regardless of their prior design or software skills.

Figma is easy to learn and use, even if you have no prior design or software experience.

You don't need any previous design or Figma experience to take this course - just an interest in learning UX/UI design.

Don't worry if you're new to UX/UI design or Figma - this course assumes no previous experience.

More details

Description
Hello and welcome toÂ complete UI/UX Mega Course using Figma for Beginners, my name is Elisha Nanyong and I am glad to be your instructor in this journey to become a UI/UX Designer using Figma. This design tool will help us create stunning interfaces and engaging prototypes.
In this course, we are specifically catering to beginners who are new to design and the field of user experience design. Even if you're unsure about what UI UX design is all about, don't worry, we will start from the basics and work our way up step by step.

We will begin by discussing the brief and how to work with a UX persona. Then we will dive into creating simple wireframes. We will learn about incorporating colors and images into high fidelity mockups as we progress. You will also learn about the dos and don'ts of choosing fonts for web and mobile apps.

Moreover, we will cover topics such as creating icons, buttons and other UI components, as well as advanced concepts like component sets, constraints, and multi-dimensional variants that are easier to understand the moment we start getting our hands dirty. To make our workflow smoother, we will also be using free UI kits and plugins in Figma.

By the end of this course, you will have a complete understanding of how to create simple and advanced micro-interactions, page transitions, and animations. You will be able to build fully interactive prototypes ready for user testing, collaborate with other team members, and export the right files for handoff to your developer or software engineer.

Throughout the course, I will set assignments to help you practice and develop your skills, and by the end of it, you will have something unique to showcase in your portfolio. So let's upgrade ourselves and go from Figma novice to Figma Professional. Sign up today and I will see you in class.

Who this course is for:
This course is designed for individuals who are looking to incorporate Figma into their career and get paid for their user experience design skills.
It is specifically tailored to beginners, newbies, and amateurs in the field of UX design 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.

User Reviews

Rating

average 0

Total votes0

Focused display

Welcome to my Udemy 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.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.