Free Figma UX Design UI Essentials Course
ฝัง
- เผยแพร่เมื่อ 16 พ.ค. 2024
- Ready to take your Figma skills to the next level? Join our creative community for 10% off and get unlimited access to 30+ of my courses!: byol.com/figess1023
Watch the entire course: BYOL.com/FIGFC
Watch the Free Figma Advanced Course: BYOL.com/FIGFESSYTD
Free Exercise Files: BYOL.com/FIGEX
Get the Free Cheatsheet: bit.ly/31cUAeB
Try Figma for Free! BYOL.com/FIG
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
Join the Bring Your Own Laptop Facebook Group: / bringyourownlaptop
Follow me on Instagram: / bringyourownlaptop
Follow me on TikTok: www.byol.com/tiktok
Follow me on Twitter: / danlovesadobe
Join the LinkedIn Group: / 10539178
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
![ตรงที่เดิม - ฝน พรสุดา [ต้นฉบับ :เบส ขวางหวัน]](http://i.ytimg.com/vi/c5YnbGEztI8/mqdefault.jpg)
Hey guys! If you want to get the rest of the course then you can find it on my site. It's just $12 and you get access to all of my courses, check it out if you're interested!: bit.ly/3sJLtMe
The coupon expired already :(
Unfortunately your course at Udemy is only 720p. Here you uploaded 3h of your 11h course in 1080p. Well.. 🤷♂️
The links are not opening ;(
after i pay the $12 do i get a ui ux design certificate at the end of the course ?
Hey Dan, I was wondering how did you create the half star in the Variables and variants lecture. I have taken the course on Udemy but wasnt able to find the solution to how to do it, Would appreciate the help
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"
What course is that please
Please tell the course name. Thank you.
Yep, Scott is a pretty amazing teacher. I have a few of his Udemy courses.
Is this the full course that’s on Udemy? I bought it too but video quality is so much better on yt.
did he ask for your comment?
Guys, pls. don't skip ads. we could also give our support to Daniel Scott by doing it :)
He worked very hard to teach us these lessons
Absolutely, this is a good payback if we cant all afford to buy the course. Dan is my mentor
This was really helpful. Not only the course content but also your way of keeping things light and enjoyable, yet very informative. Just bought the full course, hoping to learn more, thank you!
Dan, I wish this tutorial came out a few months ago when I was learning Figma, I have literally taken all of your other courses and just wanted a Figma course from you, well better late than never!
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
Thank you so much! Not my first course with you Dan and you are incredible. Love your personality as well! I will sign up for more classes with you. Best instructions packaged in the most efficient way. Btw I really appreciate you not adding sounds to transitions between lessons. THANK YOU!!!! 💛
Thank you for all the time you took to upload this amazing course for free! I've been working at this in my downtime at my other job as I try to prepare to make a career change, and this video gave me some much-needed confidence I've been lacking. Much appreciated!
You're really good at teaching! So engaging and easy to follow. For someone who can't invest yet to sign up for courses, I'm super grateful I came across your videos 😊
Great tutorial! This is actually the first video I have completed from beginning to end! You had some great tips and allowed me to get ahead of other classmates who are beginning to learn what Figma is and how to use it! Great video to get a strong base understanding and grow from there!
I really really appreciate this work of yours where you're providing free learning to all those who can't afford to buy a course👍
Thank you so much! This is ultimate the best tutorial for beginners as well as non-Eng speakers as Dan is humorous and very clear to listen. All beginners, don't waste of your time it has everything basic. I really enjoy all Figma community. The fact that a lot of things provided freely is amazing. It's very opened to everyone. Thank you Dan again you gave me a lot of opportunities!! I would love to learn more and more
Thank you so very very much for this free course sir! I really found this extremely fun and helpful since I had no money for the course but I have been trying to find an internship in UI and UX. I am extremely grateful for this! Much much love and respect! :D
Such an awesome course ! Couldn't have picked a better resource to learn Figma ! Everything is explained in such amazing details and every step is broken down for really good understanding. Thank you for this course !!
The course is super amazing. The narration is funny from time to time, and the instructor is super energetic and fun to learn from!!! Thankyou so much!!!
I'm in the half of the course and I have to say you explain everything so clearly, finally I understand how things work in Figma. And also I have a good laugh at the same time. Amazing!
Hi Dan, thanks so much for this free course, I learned a lot and had fun! I love the way you explain and entertain.
You're incredible. I've watched a few of your videos and you have helped me the most on my journey.
11/10, fun, informational, with just the right pace. Thank you so much for this.
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!
Dan, thanks so much for an excellent overview of working in Figma, I love it! Feel like you got me up and running with the basics. I'm excited to move on to your Figma UI UX Design Essentials course!
Thank you so much. I really like that your class is not boring: you are attentive and doing jokes and stuff and it feels like you enjoy to teach and it made me feel more icluded.
Absolutely loved your course! Well done, easy to follow, learned a lot. Natural born teacher.
Thank you so much for creating this amazing course! You're the best teacher out there and the way you explain all the details is really great and easy to understand.
I absolutely love this video! I've been using Figma from time to time but never really bothered to learn the basics. I was afraid that this course will only go through really obvious things and I was positively surprised that I learned a couple of useful tricks and was able to systemize my current knowledge. BIG thank you! I will definitely check out your Udemy courses!
Such an amazing intro to UI/UX, thank you very much for the free resource. It would be great if we could get a video on design ideology and general things you'd be thinking about when trying to design pages and screens.
Watched it straight through and took it all in from start to finish. You are an amazing teacher! So much good info and tips.Thank you!
Thank you man, just loving the energy and the over style, you educated in easy comfortable manner, not any point was overwhelming, bless you man.
You are an amazing person, great sense of humor. I can't really quantify how greatly your tutorials have helped me. Thanks a bunch.
This video is just amazing. You make it sound really easy to learn. You add humour to the thing and make it enjoyable. I am going to sign up for the paid content this week. I am pretty sure it is worth it. Thanks for the (long) sneak peek!
Your teaching style is amazing. I never get bored.
I subscribed to your courses after watching this video and ppl from my fb groups recommended. I know there are lots of free content out there but I like it when it's more structured and learning step by step.
I loved it knowing even experts like you sometimes make mistakes and are ok with it, lol. You make learning Figma fun.
I will probably want to pick other tools as well.
Thank you!
Thank you very much for putting a free version on TH-cam, now I will buy the course since you give so much value !!!
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!
Thank you Dan. I got a thorough knowledge about Figma from Zero after watching your course. Your presentation skills are superb. Easy to understand.
Thank you for putting these great courses on TH-cam for free, Dan!
You are awesome, love the way you teach. Thank you so much for all your effort and kindness sharing such a valuable content to the community. Your courses are helping me a lot to give the best of me on my UX course at college. Thank you, thank you, thank YOU.
I'm a freelancer and Dan's tutorials has really helped me. Thank you Mentor Dan
Thank you so much Dan, i have now confidently begun my UI/UX journey and I'm glad to be following you.
Thank you so much for providing this course for free, Dan! I really enjoy this course. You explain it really well with your fun personality. Auto subscribe to your channel!
Half way through this course, and I must say I'm impressed by the clear, concise and natural way you explain things (not to mention humorous!). Not entirely new to Figma, certainly not new to UI & UX design, but still I haven't skipped any part of the course! Thank you sir for this video, you've got me hooked.
Man, you are genius of teaching. So clear and thorough. Very high quality material.
One of the best courses I've ever taken! Thank you, Dan!
I have been looking for that circle trick thingy all day and I was about to give up! New to Figma, so I appreciate this course. Really helpful Dan, thanks a lot. Subscribing to learn more.
I'm so happy that you are also teaching this course in Figma!
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 :)
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
I’m really thankful for your videos, especially this one. If I know few design softwares its literally because of just watching your videos.
Great course! I was ultimately confused by the end when you consistently mentioned UX a lot, and, I was confused as to whether or not this was ultimately a UI course, or, a UX course. Either way, I feel much more stronger with the design principles, or, how to use figma. I do feel like I need to watch a tutorial, or, read a different book about the subject still.
This video is just amazing, I totally loved it. I was a complete beginner but now I feel much more confident. Thank you so much.
You are such a wonderful teacher! I appreciate you!
I am learning from scratch and its literally so lovely how you teach
I tried to like this video twice, this is how good this tutorial is! I'm currently on track to finishing the Coursera Google UX course but I have to say yours is 10x better so looking forward to sign up once I finish with this one! Thank you
I feel glad to learn with you, it's been 1 hour to working through your video to design my own product design
I must say that you're an amzing tutor! Very fun and interactive. Found myself talking and responding to you- in the videos of course. thanks for helping me be more confident.
This is perfect! Exactly what I need! Thank you so much! :D
I use after effects and I gotta say that I’m impressed by figma with key fames and even allowing you to customise your own bezier. Brilliant tutorial too!
Thank you so much! I'm only in the beginning of my way to become a ux/ui designer, so I have to resort to self-teaching for now and it was very intimidating because there's just so much things to learn and you don't even know where to start or how many things you SHOULD know. It's just so overwhelming especially considering I have some concentration issues... So what I'm trying to say that your essential course is such a blessing!! It's condensed, up to date, not boring and contains most things a junior specialist should know!!
YESSS IM WAITING FOR THISSS. THANK YOU SO MUCH MY VIRTUAL TEACHER!
Thank you for putting these great courses on TH-cam 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
Thank you Dan. words can`t really express how you`ve impacted my design life
Damn, what an experience! ❤
Literrally my FIRTS Figma Class and I could roam through it easily, thanks a lot!
Omg thank you for this amazing course. It's very useful and sometimes very funny. I was so involved in this free short course that temporarily left my big paid one :)
So happy that I've found your channel, Dan!
Thank you, Dan, for a great tutorial! I learned so much and feel more confident in Figma now 😊
Thank you for this course Dan, is absolut amazing. I don't speak english very well and i am starting on figma but you make this feel easy, simple and funny.
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 TH-cam.
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 🇧🇩
I really appreciate that Nazmus.
Hello Nazmus. Im a beginner and seeing from what you commented you have experience in UI/UX design. Would you be able to help me out and give some advice? If you can drop one of your social media it would really help! i am also bengali btw.
Can you share me the udemy link please
You re sick, why will u advise him not to do free course just because he is investing his time? Dont u know TH-cam is paying him? if u want to create disadvantage for others why not private chat him? Create yours and monetize it.
Hey Nazmus where did you land your first job?
It's really really professional and enjoyful. Thank you very much.
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!
and with this in mind I signed on udemy on so many of his courses, he's totally my favourite tutor :)
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!
You are a very good teacher, informal and most important, enjoyable to watch. Thank you sir!
Found the video very helpful. Love your style of teaching, Dan, you are awesome!!! Thank you!!!
Hey, I just want to say thanks a lot!!! I have started my online UX course 2 weeks ago and this video is just so helpful and clear and friendly with no native English speaker with subtitles and I do like the way you explain everything and always good mood. The tips you have shared have helped me a lot to save time when we work with Figma. Very clever, thank you!!!
I feel like i'm playing a game, and at the same time, learning. Thanks for this stuff! Glad to practice with you 😎
I watched this entire video one night learnt so freaking much about uni design holing time make it a career thank you this saved me a lot of money on a course I was able to watch this and learn how, I will most likely pay for a course but this was genuinely the best video I have seen on yt. The educational side of yt is beautiful with videos like this 😊
2 minutes in and already the production quality tells me this is going to be good.
Thanks mate, this took me through the essentials! Keep up the good job!
Thank you for putting these great courses on TH-cam 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.
@Pedro Sonilo how do you know?
@Pedro Sonilo And you will always be miserable
@@christianjamesguevarra6257 he has experience Maybe 😂
Kaminoraiu, Hope you get a job in this field and become financially stable .
fellow broke student here 😅we in this together man
Loved the whole video. I am new to UI/UX design and this video gave me a boost! Thank You sir.
I absolutely love the extra commentary in the videos.
Thank Mr. Scott, I really appreciate what you are doing, it is the second software that I started learning with you. I started to learn Illustrator some years before.
Thank you so much for this course! I'm now feeling comfortable using Sigma and ready to become a UX Designer
Thank you so much for sharing your knowledge… I found it easy to follow and the fact that you also share the files is amazing! :)
OMG! I've gotten a lot of value from your videos. Watching your videos has made me feel I can learn anything
Thank you so much , your course has given me a facelift and hope
Thank you so much Dan for sharing this precious knowledge!! I love the way you explain, easy to understand, and ofc your humour lmao. Bless you!
Thanks so much for posting this course for free. It was SO useful for me. I'm just starting at ux design and you are such a big help. Suscribed!
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
Thank you much Daniel. I really enjoyed and grasp Figma with your help really fast, in the process of creating an iOS iPhone app as we speak.
I will be joining the full course this week.
I learnt Adobe Illustrator from you. Now Figma. I love following along. Nice and clear videos and concepts to follow along. THANK YOU!!!!!!!!
thank you sir! im enjoyed alot while doing this course
Hey man just completed the whole course, tysm for making this. I appreciate the hell our of it!
Thank you for making the course accessible. A smile never left my face throughout the whole video. Again and again and again Thank you so much for your effort and humor that made it more delightful.
Your informative tutorials are very helpful for starters. Thank you so much.❤
Omg 3 months ago I was watching Dan’s intro to web dev course, now here I am learning Figma!!!!!!
Thank you so much!!! I am learnin a lot through this course
Love this already! When I get a job, Ill definitely sign up and avail, you're a great teacher!
Dan never disappoints. Thank you, Dan!
You teach as someone that is teaching a 4 years old kid, and thats why I understood everything.
Thank you so much for this!
absolutely love this course this is so amazing!
It's just so cool and funny. The presentation is so good, definetly gonna buy the course on the udemy too. Thank you for this great course!
exellent figma overview and such a pleasant and elegant delivery, thank you Dan!