Learn Figma: User Interface Design Essentials - UI/UX Design

Focused View

Arash Ahadzadeh

17:08:06

4 View

01-Module 01 - Introduction

01-Introduction.mp4

02:59

02-Whats UI or UX Design.mp4

02:54

03-How to access the community.pdf

02-Module 02 - UI Design Principles

01- Intro to Design Principles.mp4

01:20

02- Layout.mp4

03:41

03- Visual Hierarchy.mp4

03:28

04- Visual Noise.mp4

01:59

05- Iconography.mp4

02:48

06- Typography.mp4

09:09

07- Contrast.mp4

01:35

08- Color Palette.mp4

00:58

09- Spacing.mp4

08:18

10- Grids.mp4

03:34

11- Consistency.mp4

03:27

12- Laws of UX.mp4

14:23

03-Module 03 - Figma Academy

01- Introduction to Figma.mp4

00:22

02- Figma Academy (Exercise).fig.zip

02- Figma Environment.mp4

06:37

03- Shapes.mp4

11:01

04- Images.mp4

03:47

05- Editing Shapes.mp4

04:05

06- Layers Basics.mp4

15:56

07- Pen & Pencil.mp4

05:38

08- Boolean Operations.mp4

09:51

09- Masks.mp4

06:23

10- Measurements.mp4

04:11

11- Text.mp4

12:46

12- Auto Layout.mp4

42:42

12- Note.pdf

13- Figma Auto Layout Updates (2023).mp4

07:33

14- Constraints and Adaptive Layouts.mp4

12:45

15- Styling Fill Stroke Effects.mp4

17:30

16- Text and Color Styles.mp4

10:28

17- Components.mp4

24:48

18- Variants.mp4

12:12

19- Interactive Components.mp4

03:53

20- Layout Grids.mp4

06:01

21- Plugins.mp4

08:33

22- Exporting.mp4

08:04

23- Collaboration and commenting.mp4

02:45

24- Important Keyboard Shortcuts.pdf

25- Variables.mp4

30:24

26- Dev Mode.mp4

06:44

04-Module 04 - UI Elements

01- Intro to UI Elements.mp4

00:46

02- Text Fields.mp4

06:51

03- Buttons.mp4

04:13

04- Sliders.mp4

02:34

05- Tooltips.mp4

01:06

06- Selection Controls.mp4

02:49

07- Cards.mp4

03:06

08- Dialogs.mp4

02:57

09- Lists.mp4

01:28

10- Tables.mp4

03:15

11- Navigation.mp4

02:08

12- Charts.mp4

01:48

13- Snackbars.mp4

01:34

05-Module 05 - Master Color in UI Design

01- The importance of colors in UI UX design.mp4

01:36

02- Color Modes.mp4

01:49

03- The color ingredients.mp4

01:13

04- Master the color wheel.mp4

01:30

05- Different types of colors.mp4

01:52

06- Color Harmonies.mp4

02:01

07- Color Contrast.mp4

01:45

08- Real-world examples of harmonious color schemes.mp4

04:37

09- Introduction to Color Psychology.mp4

03:49

10- Gender differences in color preference.mp4

01:23

11- Required colors for UI design.mp4

03:36

12- How to create a color palette for your project.mp4

03:51

13- How to choose your base color.mp4

01:37

14- How to choose an accent colors.mp4

00:48

15- How to choose background colors.mp4

00:58

16- Semantic colors in UI design.mp4

01:00

17- What is a color scale.mp4

02:05

18- What is Grayscale.mp4

02:22

19- How to apply a color palette to your design.mp4

04:02

20- How to create great gradients-.mp4

03:25

21- What is color accessibility.mp4

02:55

22- Validate your color palette based on contrast ratio.mp4

01:43

23- Useful tools for accessibility.mp4

01:48

06-Module 06 - Web Design Project - Polio CRM Landing Page

01- Intro to the project.mp4

00:27

02- Project Brief - Polio CRM Landing Page.pdf

02- Whats Project Brief.mp4

07:29

03- Whats a Design System.mp4

03:17

04- Create a Design System part 1.mp4

14:00

05- Create a Design System part 2.mp4

09:21

06- Create a Design System part 3.mp4

03:27

07- Create a Design System part 4.mp4

11:10

08- Assets.zip

08- Create a Design System part 5.mp4

07:44

09- Create a moodboard.mp4

09:37

10- Create a Wireframe (Part 1).mp4

31:45

11- Create a Wireframe (Part 2).mp4

16:34

12- Whats Box Model.mp4

03:29

13- Navbar.mp4

21:31

14- Hero Section.mp4

16:52

15- Social Proof Section.mp4

08:07

16- Features Section.mp4

17:30

17- CTA Section.mp4

05:11

18- Expanded Features Section.mp4

13:54

19- Integrations.mp4

14:31

20- Testimonials Section.mp4

12:17

21- FAQ Section.mp4

09:48

22- Footer Section.mp4

12:27

23- Responsiveness (Mobile).mp4

36:08

24- Responsiveness (Tablet).mp4

10:08

25- Responsiveness (Large).mp4

07:32

26- Componentization.mp4

10:03

27- Breakpoints Prototype.mp4

05:50

28- Project Handoff.mp4

10:25

07-Module 07 - UI Design Challenges

01- Design Challenge 1 - Sign-in Page.mp4

01:59

02- Challenge 1 Soultion.mp4

25:09

03- Design Challenge 02 (Table).mp4

01:11

04- Challenge 2 soultion (part 1).mp4

21:15

05- Challenge 2 Solution (Part 2).mp4

20:38

06- Design Challenge 3 (Sidebar Layout).mp4

00:58

07- Challenge 3 Solution.mp4

04:22

08- How to practice UI design.mp4

08:33

09- Tips on Color Usage.mp4

04:17

10-Final Project.fig.zip

08-Module 08 - Advanced Prototyping

01- Whats prototyping.mp4

02:00

02- Types of UI Animation.mp4

02:54

03-Assets (Figma File).zip

03- Basics of Prototyping in Figma.mp4

20:52

04- Animated Like Button.mp4

09:20

05- Variants & Interactive Components.mp4

25:59

06- Animated Buttons.mp4

10:26

07- Animated Switches.mp4

02:29

08- Animated Slider.mp4

06:18

09- Animated Card.mov.mp4

03:45

10- Animated Text.mp4

05:31

11- Interactive Dropdown Menu Final.mp4

21:12

12- Animated Notification.mp4

09:16

13- iPhones Dynamic Island.mp4

06:12

14- 3D Animation in Figma.mp4

08:10

15- Loading Animation.mp4

12:29

16- Animated Mesh Gradient.mp4

07:35

17- Scroll Animation.mp4

04:53

18- Animated Tab Bar.mp4

07:43

19- Animated Image Carousel.mp4

09:39

20- Animated Floating Action Button.mp4

05:21

21- Accordion Effect.mp4

03:29

09-Module 09 - Conclusion

01- Whats next.mp4

01:45

Description

Master Figma app to get a job in UI Design, User Interface, User Experience design, Web Design & UX design.

What You'll Learn?

Become a UI/UX designer.
Master the best cross-platform software in UI/UX design, Figma.
You will be able to start earning money from your Figma skills.
Become a web designer.
You will get an e-book (200+ pages)
Build a UI project from beginning to end.
Build & test a complete mobile app.
Build and test a complete landing page.
You will be able to add UI/UX designer to your CV.
Learn to design mobile apps & websites.
Work with colors & fonts.
Interactive prototyping
You will create an interactive prototype with micro interactions.
Export production ready assets.
Send your design to your client for feedback.
Design 3 different logos.
You will create your own UI Kit.
Create low-fidelity wireframe.
Learn professional technique & shortcuts.
Downloadable exercise files.
Create your own 3D Model.
Design 3D scenes.
Design for Augmented Reality projects.
All the techniques used by UI professionals
You will learn how to choose colors.
You will learn the basics of Adobe Photoshop.
You will learn how to choose the correct font.
You will learn about typography.
You'll be able to send your final project to other professionals in the correct formats.
You will learn how to get your first client.
You will learn how to start your own business.
150 well-structured lectures

Who is this for?

Anyone who wants to start using Figma App in their career & get paid for their user interface design skills.

This course is for beginners & newbies in the field of UI/UX design.

For anyone that needs to add "UI Design" to their portfolio.

Developers that want to understand front-end principles to complement their existing skills.

Graphic designers who want to become a UI/UX designer.

What You Need to Know?

We do not require any previous experience or pre-defined skills to take this course. A great orientation would be enough to master UI/UX design.

A computer with a good internet connection.

Adobe Photoshop (OPTIONAL)

More details

Description
Do you want to become a UI/UX designer but you don't know where to start? This course will allow you to develop your user interface design skills and you can add UI designer to your CV and start getting clients for your skills.

Hi everyone. I'm Arash and I'm a UI/UX designer. In this course, I will help you learn and master Figma app comprehensively from scratch. Figma is an innovative and brilliant tool for User Interface design. It's used by everyone from entrepreneurs and start-ups to Apple, Airbnb, Facebook, etc.
By the end of this course, you will be able to create world-class User Interface (UI) and User Experience (UX) designs. Throughout the course first, you will learn about all the Design Basics, UI Elements, Typography, etc. and then we will work on real-world projects together.
Moreover, we will design a finance app completely from scratch and I will share with you all the necessary techniques and hidden secrets you need for mobile application and web design.
Additionally, we will design a complete modern landing page together where you will learn the essentials of web design.
This course has been designed for people completely new to UI/UX design or letâ€™s say design in general. We will start with the most basic principles and work all the way through, step by step.
We start the course by explaining the differences between UI and UX design. And then we will start learning about Figma app in Figma Academy section. After that, we'll create a simple low-fidelity wireframe to understand its usage and benefits.
Iâ€™ll go over all of the essential tools necessary for creating an amazing User Interface (UI) and User Experience (UX). Not only will you learn about Figma app, but also you will learn about Adobe Photoshop, Vectary, Dribbble, Behance, etc.
The Design Basics section covers all the necessary principles, including: Layout, Iconography, Typography, Color Contrast, Composition, Spacing, etc.
One of the interesting parts of the User Experience design process is micro-interactions. I will teach you how to use InVision Studio for creating this kind of interaction.
With over 10 hours of content across 150+ lectures, I will take you from beginner to expert, and teach you everything you need to know in order to use Figma in a professional manner.
An amazing course for people with zero design experience, or for experienced designers that want to learn and master Figma and want to become a User Interface designer. By the end of this course, youâ€™ll have a complete, real-world project for your own portfolio, and every student will have the knowledge and confidence to apply for a UI/UX designer job.

Don't just take my word for it, see what my past students had to say about my design courses:
"I loved this course. Highly recommended if you want to build real-world designs. loved Arash's style of teaching." - Mustafa Alabdullah
"This course is AMAZING! I really like the content especially the projects. I could finally find a course to take me from the very basic concepts to the most complex part of UI/UX design. I 100% recommend it." - Zhan K
"A comprehensive and detailed course for anyone looking to become a UI/UX designer. Clear and easy to understand explanations. It covers all of the topics required for a real-world professional." - Erikas
"The course was awesome, he went through a lot of features and showed a whole lot of stuff that is going to make me a better UI/UX designer. Thank you Arash."Â - Sara Brown
"Such an amazing course. I was always looking for a comprehensive course that could teach me everything in one place. I finally found it. I recommend this course to anyone who wants to become a world-class UI/UX designer." - Louis Castillo

Course highlights:
Mastering Figma App
Tips & Tricks, make most of Figma Tools
Colors, Iconography, and Typography
BONUS! Get 2 brand-new UI Kits worth $3000.
BONUS! You will get an e-book (200+ pages) worth $199.
A certificate of completion upon finishing the course.

We are so confident that you will love this course that we're offering a 30-day money-back guarantee! So you can sign up today with zero risks.
So, what are you waiting for? Enroll today!!
Who this course is for:
Anyone who wants to start using Figma App in their career & get paid for their user interface design skills.
This course is for beginners & newbies in the field of UI/UX design.
For anyone that needs to add "UI Design" to their portfolio.
Developers that want to understand front-end principles to complement their existing skills.
Graphic designers who want to become a UI/UX designer.

User Reviews

Rating

average 0

Total votes0

Focused display

I am a UI/UX designer and an iOS developer with having almost six years of experience in application development and also ten years of graphic design and User Interface design.My passion is helping people to learn new skills in a short-term course and achieve their goals. I've been designing for more than ten years and developing iOS apps for four years. It's my honor if I could help you learn to program in a simple word. I currently am teaching iOS 13, Swift 5, ARKit 3, Sketch 5, Illustrator, Photoshop, Cinema 4D, HTML, CSS, JavaScript, etc.

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.