Free Figma UX Design UI Essentials Course

Note: If you have a different UI than in the course, you can change it back by clicking the '?' in the bottom right corner of Figma and select 'Go back to previous UI'. Happy Figma'ing!

Free Figma Course. Learn Figma for Free. Figma for UX Design. Figma for UI Design

Intro to Figma Essentials: 0:00
Getting started with Figma: 3:10
What is Figma?: 5:55
Difference between UI & UX: 9:42
What we are making?: 15:05
Class project 01- Create your own brief: 24:23
What is Lo Fi vs Hi Fi: 28:24
Introducing frames in Figma: 30:58
The basics of type & fonts in Figma: 39:27
Rectangles Circles Buttons in Figma: 50:19
Middletro: 57:09
How to use color in Figma: 58:07
Strokes & color defaults in Figma: 1:03:53
Object editing in Figma: 1:13:21
Scale vs Selection Tool in Figma: 1:15:08
Frames vs Groups in Figma: 1:17:47
Class project 02- Wireframe: 1:27:11
Free icons in Figma: 1:30:12
Matching the stroke in Figma: 1:39:23
Plugins in Figma: 1:44:39
Class project 03 - Icons: 1:49:11
How to use Pages in Figma: 1:52:59
How to prototype in Figma: 2:01:31
Prototype animation in Figma: 2:11:15
Testing on your phone in Figma: 2:22:08
Class project 04 - Testing on your phone: 2:27:49
Smart Animation & delays in Figma: 2:31:40
Class project 05 - My first animation: 2:40:25
Sharing & Commenting in Figma: 2:42:26
Sharing with others in Figma: 2:49:36
Outro: 2:56:35

Hi there - my name is Dan Scott & welcome to Figma UX UI Essentials Course.

Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma.

We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer.

This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

• First we’ll describe the brief & how to work with a UX persona.
• Then you’ll learn how to create simple wireframes.
• From there we’ll look at how to implement colours & images properly in your designs.
• You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps.
• You’ll learn how to create your own icons, buttons & other UI components.
• You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how.
• We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!
• We’ll build a simple Style Guide ready for client handoff.
• You’ll understand how to make both simple & advanced micro interactions, page transitions & animations
• Before the end of this course you will have made fully interactive prototypes
• You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.

We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio.

Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

#Figma #UXDesign #FigmaTutorial

[katwar]

I rarely comment on yt videos, but I have to do this one - I bought a Udemy course and it's worth all the money. I was learning from other courses early and I often had in my mind the question "what is this function?", "What does this icon do?". You will find everything in this course. Everything is clearly explained, all Figma's secrets are slowly introduced so that there is no chaos. I can only say "thank you"

[SnS-gpdu]

Hello sir, I am one of your students from Udemy. Instead of doing free courses I like to appreciate the creator's content and I buy the courses. Because I believe that you gave your valuable time and did hard work for this content. Thank you so much :)
You are an amazing person because beside the paid course each time you release a free version on YouTube.
The best thing I want to add, I git my first job before even completing your UX /UI Design course and then in my office I trained some people how to use Adobe XD .

Take love from Bangladesh 🇧🇩

[ka_minoraiu]

Thank you for putting these great courses on YouTube for free, Dan! I'm a broke student trying to learn design tools and these have helped me immensely. There's no substitute for learning to use the tools favored by the industry. Subscribed.

[Valentina-vtru]

I came to the conclusion what sets Dan apart from other YouTube video tutorials is that he can't hide the fact that he is a professional instructor. Many YouTube teachers although they really try their best to explain their stuff, it's very clear (at least to me) that when it comes to teaching... they're amateurs. On the other hand with Dan I feel as if I'm in a classroom. Plus in his joking-serious tone about getting your own class project going it does encourage me to do my "homework" 😂 So yes... Very different than just following a video along. This is a proper training step-by-step video. There's no "learn figma in 20 minutes" kind of video which leaves you with no practice experience whatsoever. With Dan you have to work hard... And get moving with your class project.

[JonesyJay]

From the bottom of my heart THANK YOU!

You have no idea how hard it is for students who spend so much money in art programs but aren't taught software skills, yet expect you to make full blown wireframes with no knowledge of how to create a simple heading style. Al of the graphic design programs have been a nightmare, but today I am subscribing and look forward to learning from you!

You rock!

[tahianjanaharyfinoana]

Thank you for putting these great courses on YouTube for free, Dan! I'm a broke student trying to learn design tools and these have helped me immensely
I loved it knowing even experts like you sometimes make mistakes and are ok with it

[sampreetkulkarni]

Hello dan sir, this is Sampreet I am 17 & I am a dropper, I just saw your figma essentials course and fell in love with that course and you the instructor, after learning of 11 + hours I participated a lot & now I am working as an ui designer in 2 startups ( as intern )
I just wanna thank you for your great teaching style, after I have taken almost all your design course I am looking forward to take premier pro class toooo

[hammed_olayinka]

I'm a freelancer and Dan's tutorials has really helped me. Thank you Mentor Dan

[Joanna-fzvs]

This was amazing. Not only did you teach the fundamentals in-depth but made it fun and engaging. I enjoyed your sense of humor - it felt like I was studying with a friend. I will be signing up for your other courses! Thanks Dan!

[xenstein]

I'm an absolute beginner and i had no idea how to use figma and I saw a few other videos, but this one is the one which really helped introduce myself to figma as a beginner

[ogunrukuomotade]

Watching Dan's course on ui/ux helped kick my off my career with adobe XD. But my friends are all on Figma and have been trolling me to join em. Nice to see this from Dan, now i can transition easily!


Thanks man

[maryamnmohasses]

Thank you for putting these great courses on YouTube for free, Dan!

[jackdesign]

Thank you so much Dan, amazing course! I did the Adobe XD course last year and loved it as well! There is one thing I would love to see: more visual illustrations or animations to demonstrate while you are explaining some theories or examples, that could help us (especially English-as-second-language students) understand more easily. Cheers!

[dandlion]

I like the way you talk.. It's like you're talking to a person instead of the camera in front of you on recording.. Thank you so much for this course, its great and awesome!

[wizard]

Havent even begun watching the lessons, just the introduction of the course is amazing enough to know that youre learning from a proper expert and an awesome teacher, so calm the vibes are, thanks man

[yuxuanyang]

What I appreciate:
1. with a plan, very clear and not rushing. Not only just telling how, also why with tips
2. Clearly studied user mental model or behavior during their course of learning
3. Quite inclusive, anyone with a different knowledge level can follow.
I benefit a lot from yours
Thanks for making my life easier

[mercedesgaillard]

Watched for 5 minutes and signed up, I recognize a quality instructor when I see one! Currently in a bootcamp, but getting no real depth into design tools - this will fill in the gaps and give me a major advantage. Adobe XD and AI are next on my list =)

[southpolargirl]

Hey - just wanted to say, you're an excellent teacher! I've used Figma for years as a product manager, but never went beyond the absolute basics. You're fun to watch and explain things simply and in a systematic way. Great course :)

[belowdelancey]

I have scoured YT for many a crash course on Figma, and you have one of the best free courses available. I legit found so much value, that I decided 1/2 way through I'd want the full course and pulled the trigger on udemy. Appreciate what you do, and hope you continue to do so. Many thanks from NYC.

[omardragon]

this guy is the best instructor on youtube i'm just in love with all of his work learned xD Ai and some photoshop from him and i''m sure i'll be back for more