Complete Figma UI/UX Design Course with Projects 2024

By - Ujjwal Singh
Overview
Practice
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

Chapters

Intro
Intro
24 sec
Course Intro
Course Intro
1 min
Course Overview
Course Overview
6 min
Download Figma
Download Figma
1 min
Figma Interface Introduction and Frame Explained
Figma Interface Introduction and Frame Explained
5 min
Grid and Type Of Grid in Figma with Example
Grid and Type Of Grid in Figma with Example
6 min
Device Breakpoints for Mobile Tablet and Desktop Screens
Device Breakpoints for Mobile Tablet and Desktop Screens
4 min
Color Theory And Color Harmony Explained with Example
Color Theory And Color Harmony Explained with Example
8 min
Solid Colors, Gradients and Image Manipulation in Figma
Solid Colors, Gradients and Image Manipulation in Figma
5 min
How To Generate Amazing Color Palette with Plugin in Figma
How To Generate Amazing Color Palette with Plugin in Figma
2 min
How to Save Plugin and use EyeDropper Tool in Figma
How to Save Plugin and use EyeDropper Tool in Figma
1 min
Stroke Explained in Figma
Stroke Explained in Figma
2 min
Effects - Drop Shadow and Inner Shadow in Figma Explained
Effects - Drop Shadow and Inner Shadow in Figma Explained
2 min
Effects- Layer Blur and Background Blur in Figma Explained with Example
Effects- Layer Blur and Background Blur in Figma Explained with Example
4 min
Export in Figma Explained with Example
Export in Figma Explained with Example
1 min
Shapes in Figma - Rectange Explained
Shapes in Figma - Rectange Explained
3 min
Line and Arrow Tools in Figma Explained with Example
Line and Arrow Tools in Figma Explained with Example
3 min
Ellipse and Circle (Sweep,Ratio) in Figma Explained
Ellipse and Circle (Sweep,Ratio) in Figma Explained
4 min
Polygon and Star Tool in Figma
Polygon and Star Tool in Figma
3 min
Directly place the image inside the object in Figma
Directly place the image inside the object in Figma
1 min
Alignment Tools Explained in Figma
Alignment Tools Explained in Figma
3 min
Create Vector Shapes with Pen Tool & Pencil Tool in Figma
Create Vector Shapes with Pen Tool & Pencil Tool in Figma
6 min
Boolean operation in Figma
Boolean operation in Figma
3 min
Text and Typography Theory - Serif and Sans Serif Typefaces
Text and Typography Theory - Serif and Sans Serif Typefaces
2 min
Text and Typography Tool in Figma
Text and Typography Tool in Figma
5 min
Introduction to Three Pillar of Figma
Introduction to Three Pillar of Figma
35 sec
AutoLayout Basics with Padding and Alignment in Figma Explained (Example 1)
AutoLayout Basics with Padding and Alignment in Figma Explained (Example 1)
4 min
AutoLayout Space Beween, Strokes, Canvas Stacking in Figma Explained
AutoLayout Space Beween, Strokes, Canvas Stacking in Figma Explained
4 min
AutoLayout Text BaseLine Alignment in Figma Example 3
AutoLayout Text BaseLine Alignment in Figma Example 3
2 min
AutoLayout Absolute Positioning in Figma Example 4
AutoLayout Absolute Positioning in Figma Example 4
2 min
AutoLayout Fill, Hug, Fixed Properties in Figma Explained Example 5
AutoLayout Fill, Hug, Fixed Properties in Figma Explained Example 5
4 min
Component In Detail in Figma with Example
Component In Detail in Figma with Example
3 min
Variants in Figma Explained with Example
Variants in Figma Explained with Example
3 min
Component Properties (Variant, Boolean, Instance Swap and Text Property) in Figma
Component Properties (Variant, Boolean, Instance Swap and Text Property) in Figma
8 min
PROJECT 1 - Design Edtech Platform in Figma
PROJECT 1 - Design Edtech Platform in Figma
42 min
PROJECT 2 - Travel Agency Website Design in Figma
PROJECT 2 - Travel Agency Website Design in Figma
32 min
PROJECT 3 - UI/UX Designer Portfolio Design Project in Figma
PROJECT 3 - UI/UX Designer Portfolio Design Project in Figma
21 min
Upload UI/UX Project to Behance
Upload UI/UX Project to Behance
4 min
⚑️ AI Mentor