Intro

Course Intro

Course Overview

Download Figma

Figma Interface Introduction and Frame Explained

Grid and Type Of Grid in Figma with Example

Device Breakpoints for Mobile Tablet and Desktop Screens

Color Theory And Color Harmony Explained with Example

Solid Colors, Gradients and Image Manipulation in Figma

How To Generate Amazing Color Palette with Plugin in Figma

How to Save Plugin and use EyeDropper Tool in Figma

Stroke Explained in Figma

Effects - Drop Shadow and Inner Shadow in Figma Explained

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

Export in Figma Explained with Example

Shapes in Figma - Rectange Explained

Line and Arrow Tools in Figma Explained with Example

Ellipse and Circle (Sweep,Ratio) in Figma Explained

Polygon and Star Tool in Figma

Directly place the image inside the object in Figma

Alignment Tools Explained in Figma

Create Vector Shapes with Pen Tool & Pencil Tool in Figma

Boolean operation in Figma

Text and Typography Theory - Serif and Sans Serif Typefaces

Text and Typography Tool in Figma

Introduction to Three Pillar of Figma

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

AutoLayout Space Beween, Strokes, Canvas Stacking in Figma Explained

AutoLayout Text BaseLine Alignment in Figma Example 3

AutoLayout Absolute Positioning in Figma Example 4

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

Component In Detail in Figma with Example

Variants in Figma Explained with Example

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

PROJECT 1 - Design Edtech Platform in Figma

PROJECT 2 - Travel Agency Website Design in Figma

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

Upload UI/UX Project to Behance

Ujjwal Singh

📌 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

Complete Figma UI/UX Design Course with Projects 2024

Complete Figma UI/UX Design Course with Projects 2024

Complete Figma UI/UX Design Course with Projects 2024

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path