Figma Tutorial For UI Design

Join My UI UX Design/Low Code Development Bootcamp Starting on the 30th Of May. Duration : 3 Months ( Mon- Fri ) Sessions : LIVE Sessions All Through Reason to Join : You will have 4 LIVE Projects to add to your resume/CV Link to Join : https://www.lighthall.co/class/6602f6e5-8025-40b8-a654-b15c8f028e75 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