Figma Tutorial for UI Design - Course for Beginners

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

⭐️ 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

--

[abdulmalikyakubu]

This is probably the most detailed figma course on YouTube. Thanks for taking your time to explain every step, Joe. You're a great teacher.

[dreamytravelspots]

I spent 1 year on a UI/UX course in Dublin and wasted 3800 euros on it. I learnt 10x more from Joe than what that course gave me! Finally I am able to put together my own UX portfolio. Thank you!

[thesabiqueen]

1 hr into this course and I'm already feeling like a baddass, thanks you Joe I love your teaching style, I love it

[EdwardVarner]

6 minutes in and it’s blatantly obvious that you Sir are a phenomenal teacher. Thanks for the time and energy you have put into this course.

[chuksjerahmeel]

Even as a designer that has been in the industry for 9 years, I can say that this is great, helpful and simplified

[asquareful]

Figma should be working with you. You know the in and out of it, and you are a born teacher. Thank you sir.

[hiddenworld]

I found it one of the best courses for the absolute beginners in web design field. Everything is explained in a very uniques way. From selecting a thing, how to select that thing, purpose of selecting or using that thing, etc. everything has been covered in a unique way in this tutorial. Really loved it and learned a lot from it. Thanks!

[wyattorangeblock]

Can’t believe I’m chilling in Germany my whole life and that amazing guy from Nigeria just explains everything to me. Man I want to support you!

[miriamoxenhandlernewman]

I've looked at a lot of Figma classes and have learned, but your class really made it click for me. You're a wonderful teacher. Thank you!

[ADELL_A]

The best UIUX course so far.

This is so great!
Detailed, well explained!

This teacher deserves an award. He did it so well...
🙌

[OrlandoDelgadilloLuna]

I was about to give up since there is basically zero full free courses in UI, and then you guys just drop this. Thank you so much.

[Catheys_kings]

As a newbie to this course, I mean a complete beginner, I got intimidated at first because of the length but as soon as I stated, just 2 minutes into the course, I was blown away, interested, happy, grateful and I totally enjoyed it, as a Nigerian Lady I can only say I am so proud to have an elder brother who is an amazing teacher and I will also strive to make you proud Sir (Mr Joseph Brendan) I love every bit of it, God bless and reward you for your time, simplicity and the effort you put into this course.

[quincylarsonmusic]

I want Joseph Brendan to narrate my every keystroke and click of the mouse. So soothing.

[djtsanga]

The first 10 hour video i finish watching on YouTube, the content is detailed and clearly explained. Great job Brendan. You gave me the power to keep learning Front End Development.

[koleoshokehinde]

The most detailed, simplified and intriguing course I offered on product design so far. Thank You Mr. Brendan.
May your source of knowledge never run dry.

[mykolaskucinskas]

I really love these long format, detailed tutorials. This one is really great. Unlike some other tutorials, that are short and only touches the surface.

[Kumar_harsh]

Ty Joseph Sensei!
I planned to learn figma this year ...ig this recommendation is the sign 😅
gonna update how much I watched/ learned here

Session 0 - 36:38 ( 7 -jan 3:30 am )
session 1 - 01:01:43 (8 -jan 8:24pm)
session 2 - 01:44:30 (9 - jan 3:30 am)
session 3 - 02:16:50 (10 - jan 3:30 am )
session 4 - 03:26:00 (11 - jan 3:40 am )
session 5 - 04:20:01 (12 - jan 10:00 pm)
session 6 - 06:28:50( 16- jan 2:52 am )
session 7 - 07:25:55 (4 - feb 11:00 pm)

[yaxxee]

I'm just starting this free course alongside the front-end development course also on freecodecamp. I'm amazed by the quality of this free education, it looks better than my university degree where a lot of irrelevant and uninteresting subjects were taught. This is exactly what I need to become a front-end developer... So thanks for the work put into creating this course!

[kudamurungu]

Im just starting up and had already bought a course on Udemy and found this. This is priceless and thanks for sharing it for free

[Babygirlforlife]

Thank you so much for this video. I am a newbie in this course. Your explanations are very easy to understand. I am loving this new path I took this year. I believe with this video, I'll make you proud. I'll keep coming back for this video until the end of my course on figma. Thank you so much and may God Almighty bless you. This is from your Nigerian sister who have so much interest in becoming a UI/UX designer. I hope to make it with this course.