Figma Tutorial for UI Design - Course for Beginners

Subscribers:
11,200,000
Published on ● Video Link: https://www.youtube.com/watch?v=jwCmIBJ8Jtc



Duration: 10:16:51
1,197,016 views
28,782


In this Figma course, you will learn how to use Figma for UI Design. Figma is a vector graphics editor and prototyping tool.

✏️ Joseph Brendan developed this course. Check out his YouTube channel: https://www.youtube.com/channel/UCETwb_AzizmhID0RjKULnBA

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:00:55) Creating A Figma Account
⌨️ (0:02:32) Creating & Naming A Figma Design File
⌨️ (0:04:47) Creating Shapes In Figma
⌨️ (0:07:16) Selection In Figma
⌨️ (0:12:02) Editing Shapes In Figma
⌨️ (0:36:14) Introduction To Typography In Figma
⌨️ (1:01:41) Design Tree In Figma
⌨️ (1:06:43) First Design Task
⌨️ (1:20:44) Colors In Figma
⌨️ (1:44:22) Drawing Tools In Figma
⌨️ (1:49:20) Margin And Padding In UI UX Design
⌨️ (1:56:08) Figma AutoLayout
⌨️ (2:13:48) Formatting Principles In Figma
⌨️ (2:34:32) Figma Constraints And Resizing
⌨️ (2:51:11) Website Design in Figma
⌨️ (2:55:52) Jakob's Principle Of Design
⌨️ (3:00:25) Introduction to Styles and components
⌨️ (3:25:29) Figma Component Variants
⌨️ (3:36:18) Layout Design & Configuration For Websites in Figma
⌨️ (3:40:07) Layout Grids In Figma
⌨️ (4:01:22) Introduction To Responsive Design
⌨️ (4:07:32) Material Design Guide
⌨️ (6:26:24) Introduction To Tailwind UI
⌨️ (6:28:24) Tailwind UI Design Project
⌨️ (7:25:45) Responsive Landing Page Design Project
⌨️ (8:45:54) Designing Mobile Apps
⌨️ (8:56:47) Iconography In Figma
⌨️ (9:02:32) Boolean Groups
⌨️ (9:09:52) Figma Tokens
⌨️ (9:18:29) Animation In Figma With Figmotion
⌨️ (9:36:29) Mobile Design Project

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news




Other Videos By freeCodeCamp.org


2022-01-25React & TypeScript - Course for Beginners
2022-01-24AutoCAD for Beginners - Full University Course
2022-01-20AWS Cloud Development Kit (CDK) Crash Course
2022-01-19Kubernetes Course - Full Beginners Tutorial (Containerize Your Apps!)
2022-01-18Gradio Course - Create User Interfaces for Machine Learning Models
2022-01-13Django / Tailwind Tutorial - Code a Netflix Clone
2022-01-12Flutter & Firebase Course - Build a Full Stack Instagram Clone
2022-01-1110 Common Coding Interview Problems - Solved!
2022-01-10React Course - Beginner's Tutorial for React JavaScript Library [2022]
2022-01-06PyTorch and Monai for AI Healthcare Imaging - Python Machine Learning Course
2022-01-05Figma Tutorial for UI Design - Course for Beginners
2022-01-03Code a 2D Game Engine using Java - Full Course for Beginners
2021-12-22Learn to Code RPG - A freeCodeCamp.org Game [playthrough + gamedev interview]
2021-12-21Build a CRM with Google Sheets + PostgreSQL + Stripe API Tutorial (Ecommerce Course)
2021-12-20Internet History, Technology, and Security - Full Course from Dr. Chuck
2021-12-15Linked Lists for Technical Interviews - Full Course
2021-12-14Web App Vulnerabilities - DevSecOps Course for Beginners
2021-12-13Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod
2021-12-08Can you code on a phone? Android Mobile Programing Tutorial
2021-12-07Bootstrap CSS Framework - Full Course for Beginners
2021-12-06The Business of Building Apps - App Product Management Course for Developers