Figma Tutorial - Complete UI Design Tutorial With Figma (Beginner To Advanced)

Welcome To Dev And Design.

As The Demand For User Interface Designers Keeps Increasing In The World Of Technology, We at Dev And Design Decided To Come Up With This Course To Help Beginners Get Started On Their Journey To Becoming A User Interface Designer.

In This 10 Hour Course We Covered Everything You Need To Know To Get Started With Figma For UI(User Interface) Design

This Course Is A Beginner Friendly Course And You Do Not Require Any Pre-Requisite Knowledge In Design To Get Started With This Course.

Donate To Support Instructor : https://www.patreon.com/devanddesign

Follow Instructor On :
Twitter : @joe_brendan_
Instagram : @joseph_brendan_


Course Outline :
00:00:00 - Introduction
00:00:47 - Creating A Figma Account
00:02:24 - Creating & Naming A Figma Design File
00:04:39 - Creating Shapes In Figma
00:07:08 - Selection In Figma
00:11:54 - Editing Shapes In Figma
00:36:06 - Introduction To Typography In Figma
01:01:33 - Design Tree In Figma
01:06:35 - First Design Task
01:20:36 - Colors In Figma
01:44:14 - Drawing Tools In Figma
01:49:12 - Margin And Padding In UI UX Design
01:56:00 - Figma Auto Layout
02:13:40 - Formatting Principles In Figma
02:34:40 - Figma Constraints And Resizing
02:51:19 - Website Design in Figma
02:56:00 - Jakob's Principle Of Design
03:00:33 - Introduction to Styles and components
03:25:37 - Figma Component Variants
03:36:26 - Layout Design & Configuration For Websites in Figma
03:40:15 - Layout Grids In Figma
04:01:30 - Introduction To Responsive Design
04:07:40 - Material Design Guide
06:26:32 - Introduction To Tailwind UI
06:28:32 - Tailwind UI Design Project
07:25:53 - Responsive Landing Page Design Project
08:46:02 - Designing Mobile Apps
08:56:55 - Iconography In Figma
09:02:40 - Boolean Groups
09:10:00 - Figma Tokens
09:18:37 - Animation In Figma With Figmotion
09:36:37 - Mobile Design Project