✨Try MagicTask: Your AI-Powered Task Assistant!

Complete Figma UI/UX Design Course with Projects 2024

By - Ujjwal Singh
Overview
Certification
Reminders

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

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
AI Mentor