🎯Land Your Dream Jobβ€’500+ Mock Interviews
✨Transform Your Tasks with AIβ€’Get 3x more done

Complete Figma UI/UX Design Course with Projects 2024

By - Ujjwal Singh

πŸ“š Course Information

Channel

Ujjwal Singh

Published On

10/31/2023

πŸ“ Description

πŸ“Œ Enroll Now: https://www.udemy.com/course/learn-figma-web-design/?referralCode=6BB9BD258C19CEB185C8 🌐 Try Figma : https://bit.ly/try-figma-free 🌐 Try Figma Pro : https://bit.ly/try-figma-pro πŸš€Join Mobbin : https://bit.ly/mobbin-signup 🎨 Welcome to the Ultimate UI/UX Design Course! πŸ–ŒοΈ Are you ready to dive into the fascinating world of User Interface and User Experience design? Whether you're a beginner looking to start a new career, or a seasoned designer aiming to refine your skills, this course is perfect for you. 🌟 What You'll Learn: 00:00 Intro 00:24 Course Intro 02:12 Course Overview 08:24 Download Figma 10:21 Figma Interface Introduction and Frame Explained 15:39 Grid and Type Of Grid in Figma with Example 22:11 Device Breakpoints for Mobile Tablet and Desktop Screens 26:12 Color Theory And Color Harmony Explained with Example 34:41 Solid Colors, Gradients and Image Manipulation in Figma 39:56 How To Generate Amazing Color Palette with Plugin in Figma 42:25 How to Save Plugin and use EyeDropper Tool in Figma 44:12 Stroke Explained in Figma 46:25 Effects - Drop Shadow and Inner Shadow in Figma Explained 48:30 Effects- Layer Blur and Background Blur in Figma Explained with Example 53:19 Export in Figma Explained with Example 55:03 Shapes in Figma - Rectange Explained 58:21 Line and Arrow Tools in Figma Explained with Example 1:02:01 Ellipse and Circle (Sweep,Ratio) in Figma Explained 1:06:58 Polygon and Star Tool in Figma 1:10:27 Directly place the image inside the object in Figma 1:11:51 Alignment Tools Explained in Figma 1:15:34 Create Vector Shapes with Pen Tool & Pencil Tool in Figma 1:21:57 Boolean operation in Figma 1:25:48 Text and Typography Theory - Serif and Sans Serif Typefaces 1:28:31 Text and Typography Tool in Figma 1:33:36 Introduction to Three Pillar of Figma 1:34:11 AutoLayout Basics with Padding and Alignment in Figma Explained (Example 1) 1:38:24 AutoLayout Space Beween, Strokes, Canvas Stacking in Figma Explained 1:42:31 AutoLayout Text BaseLine Alignment in Figma Example 3 1:44:51 AutoLayout Absolute Positioning in Figma Example 4 1:46:53 AutoLayout Fill, Hug, Fixed Properties in Figma Explained Example 5 1:51:04 Component In Detail in Figma with Example 1:54:50 Variants in Figma Explained with Example 1:58:45 Component Properties (Variant, Boolean, Instance Swap and Text Property) in Figma 2:07:14 PROJECT 1 - Design Edtech Platform in Figma 2:49:51 PROJECT 2 - Travel Agency Website Design in Figma 3:22:12 PROJECT 3 - UI/UX Designer Portfolio Design Project in Figma 3:43:16 Upload UI/UX Project to Behance Enroll now to unlock your potential and embark on a creative journey into the digital realm. Be prepared to create designs that captivate and engage users, leaving a lasting impact on their digital experiences! Don't miss out on this opportunity to become a UI/UX design pro! πŸ“† Course Details: πŸ’Ό Instructor: @ujjwalsinghdev πŸ“š Level: Beginner to Advanced πŸ“’ Connect with Me: πŸ’» Website: https://www.ujjwalsingh.com/courses πŸ“· Instagram: https://www.instagram.com/ujjwalsinghdev/ 🐦 Twitter: https://twitter.com/ujjwalsinghdev πŸ”— LinkedIn: https://www.linkedin.com/in/ujjwalsinghdev/ 🀝 Let's design a better digital world together. Enroll now and let your creativity flow! πŸ’‘ #ux #ui #uxdesign #figma #appdesign #design #figmatutorial #udemy #userexperience #webdesign #mobileapp

🎯 What You'll Learn

βœ“

Complete understanding of the topic

βœ“

Hands-on practical knowledge

βœ“

Real-world examples and use cases

βœ“

Industry best practices

⭐ Course Features

πŸ€–

AI Support

24/7 doubt solving

πŸ“

Practice Quiz

Test your knowledge

πŸ†

Certificate

Course completion

πŸ“‹ Prerequisites

  • β€’

    Basic understanding of programming concepts

  • β€’

    Eagerness to learn and practice

AI MentorLive Chat
Always here to help you learn
Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate

Course Content

Intro
1
24 sec

Intro

5 Questions Ready
Course Intro
2
1 min

Course Intro

5 Questions Locked
Course Overview
3
6 min

Course Overview

5 Questions Locked
Download Figma
4
1 min

Download Figma

5 Questions Locked
Figma Interface Introduction and Frame Explained
5
5 min

Figma Interface Introduction and Frame Explained

5 Questions Locked
Grid and Type Of Grid in Figma with Example
6
6 min

Grid and Type Of Grid in Figma with Example

5 Questions Locked
Device Breakpoints for Mobile Tablet and Desktop Screens
7
4 min

Device Breakpoints for Mobile Tablet and Desktop Screens

5 Questions Locked
Color Theory And Color Harmony Explained with Example
8
8 min

Color Theory And Color Harmony Explained with Example

5 Questions Locked
Solid Colors, Gradients and Image Manipulation in Figma
9
5 min

Solid Colors, Gradients and Image Manipulation in Figma

5 Questions Locked
How To Generate Amazing Color Palette with Plugin in Figma
10
2 min

How To Generate Amazing Color Palette with Plugin in Figma

5 Questions Locked
How to Save Plugin and use EyeDropper Tool in Figma
11
1 min

How to Save Plugin and use EyeDropper Tool in Figma

5 Questions Locked
Stroke Explained in Figma
12
2 min

Stroke Explained in Figma

5 Questions Locked
Effects - Drop Shadow and Inner Shadow in Figma Explained
13
2 min

Effects - Drop Shadow and Inner Shadow in Figma Explained

5 Questions Locked
Effects- Layer Blur and Background Blur in Figma Explained with Example
14
4 min

Effects- Layer Blur and Background Blur in Figma Explained with Example

5 Questions Locked
Export in Figma Explained with Example
15
1 min

Export in Figma Explained with Example

5 Questions Locked
Shapes in Figma - Rectange Explained
16
3 min

Shapes in Figma - Rectange Explained

5 Questions Locked
Line and Arrow Tools in Figma Explained with Example
17
3 min

Line and Arrow Tools in Figma Explained with Example

5 Questions Locked
Ellipse and Circle (Sweep,Ratio) in Figma Explained
18
4 min

Ellipse and Circle (Sweep,Ratio) in Figma Explained

5 Questions Locked
Polygon and Star Tool in Figma
19
3 min

Polygon and Star Tool in Figma

5 Questions Locked
Directly place the image inside the object in Figma
20
1 min

Directly place the image inside the object in Figma

5 Questions Locked
Alignment Tools Explained in Figma
21
3 min

Alignment Tools Explained in Figma

5 Questions Locked
Create Vector Shapes with Pen Tool & Pencil Tool in Figma
22
6 min

Create Vector Shapes with Pen Tool & Pencil Tool in Figma

5 Questions Locked
Boolean operation in Figma
23
3 min

Boolean operation in Figma

5 Questions Locked
Text and Typography Theory - Serif and Sans Serif Typefaces
24
2 min

Text and Typography Theory - Serif and Sans Serif Typefaces

5 Questions Locked
Text and Typography Tool in Figma
25
5 min

Text and Typography Tool in Figma

5 Questions Locked
Introduction to Three Pillar of Figma
26
35 sec

Introduction to Three Pillar of Figma

5 Questions Locked
AutoLayout Basics with Padding and Alignment in Figma Explained (Example 1)
27
4 min

AutoLayout Basics with Padding and Alignment in Figma Explained (Example 1)

5 Questions Locked
AutoLayout Space Beween, Strokes, Canvas Stacking in Figma Explained
28
4 min

AutoLayout Space Beween, Strokes, Canvas Stacking in Figma Explained

5 Questions Locked
AutoLayout Text BaseLine Alignment in Figma Example 3
29
2 min

AutoLayout Text BaseLine Alignment in Figma Example 3

5 Questions Locked
AutoLayout Absolute Positioning in Figma Example 4
30
2 min

AutoLayout Absolute Positioning in Figma Example 4

5 Questions Locked
AutoLayout Fill, Hug, Fixed Properties in Figma Explained Example 5
31
4 min

AutoLayout Fill, Hug, Fixed Properties in Figma Explained Example 5

5 Questions Locked
Component In Detail in Figma  with Example
32
3 min

Component In Detail in Figma with Example

5 Questions Locked
Variants in Figma Explained with Example
33
3 min

Variants in Figma Explained with Example

5 Questions Locked
Component Properties (Variant, Boolean, Instance Swap and Text Property) in Figma
34
8 min

Component Properties (Variant, Boolean, Instance Swap and Text Property) in Figma

5 Questions Locked
PROJECT 1 - Design Edtech Platform in Figma
35
42 min

PROJECT 1 - Design Edtech Platform in Figma

5 Questions Locked
PROJECT 2 - Travel Agency Website Design in Figma
36
32 min

PROJECT 2 - Travel Agency Website Design in Figma

5 Questions Locked
PROJECT 3 - UI/UX Designer Portfolio Design Project in Figma
37
21 min

PROJECT 3 - UI/UX Designer Portfolio Design Project in Figma

5 Questions Locked
Upload UI/UX Project to Behance
38
4 min

Upload UI/UX Project to Behance

5 Questions Locked