Figma Tutorial: A Crash Course for Beginners
ฝัง
- เผยแพร่เมื่อ 31 พ.ค. 2024
- Ready to take your Figma skills to the next level? Join our creative community and get access to 30+ of my courses.
Watch the entire course: BYOL.com/FIGME
Free Exercise Files: BYOL.com/FIGMINEXF
Try Figma for Free! BYOL.com/FIGF
This Figma Tutorial is a course for beginners in the UX/Figma world.
Watch the Figma Advanced Course: byol.com/figminiadvprepreg
Watch the Adobe Illustrator Essentials Course: byol.com/FIGILLE
Watch the Adobe Illustrator Advanced Course: byol.com/FIGILLA
Watch the Adobe Photoshop Essentials Course: byol.com/FIGPSE
Watch the Adobe Photoshop Advanced Course: byol.com/FIGPSA
Buy Figma here: byol.com/BUYFIG
Introduction to Figma tutorial: 0:00
What is UX Design?: 1:04
What is Figma's Role in UX Design: 4:02
The UX Design Brief in Figma: 6:35
Download Free Figma Exercise Files: 9:28
How to create a wireframe in Figma: 10:16
How to add text in Figma: 12:20
How to make a component in Figma: 14:18
How to make a placeholder image in Figma: 17:10
How to copy & paste appearance in Figma: 21:37
How to create a button in Figma: 22:52
How to make a UI card in Figma: 24:58
How to use Smart Selection in Figma: 29:03
How to make an input field in Figma: 31:53
How to use component Instances & Overrides in Figma: 33:36
How to paste in place in Figma: 37:41
How to use Adobe Illustrator with Adobe Figma: 38:50
How to add to an existing component Figma: 42:33
How to prototype in Adobe Figma: 44:41
How to share a Prototype in Figma: 50:11
How to use Photoshop with Figma: 54:07
What is High Fidelity Mockup in Figma: 59:38
How to add colors in Adobe Figma: 1:00:12
How to find Google fonts in Figma: 1:06:06
How to make a Micro Interaction in Figma: 1:08:05
How to export images and code from Figma: 1:14:16
Outro: 1:20:06
#Figma #UXDesign #FigmaTutorial
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
Hey there! Thanks for checking out this video, if you enjoyed it, please give it a like and subscribe! It helps me heaps. If you'd like to check out the full course, you can watch it here: byol.com/figmessfcc
Hello how can I get the essential course...
I love this idea
0:52
Finally, I have completed this video, I just want to say that explanation was too clear as well as too enjoyable, I really liked the way you teach, it is extremely amazing. Thank you for this content.
I'm a dev, have never really explored the design side of things but man, I paused the video as soon as you asked for a like/subscribe to do just that. I'll be taking an annual subscription out on your website too. This is just excellent, excellent content. You are so well suited to TH-cam. Thank you!
This step-by-step tutorial is easy to understand because you explained everything so well.
You're the best when it comes to teaching.
Coupled with the fun way teaching makes it amazing. Much love from Nigeria
This channel deserves to be on 1M+ subscribers. I honestly can't believe I just discovered this channel. Your mode of teaching is excellent! Thank you for this course and more Dan!
Really?
Enjoyed this class so much. Your own way of teaching is sooo cooolll. I never got tired or even felt like sleeping. 👏👏👏👏👏👏👏👍👍👍👍👍👍
Best tutorial! Thank you so much for creating these free courses :)
Thank you Dan! As a software engineer, this channel is a vital resource for learning how to properly communicate with a design team. Also, the design tools you teach are way more fun to use than I ever expected.
Best time spent in a while watching a video! Thank you so much!
I cannot tell you how amazing and helpful this was!!
Great instructor, waiting for the tutorial 🙏
Awesome course, awesome tutorial! Thank you. 🎉
East to west Dan's the Best 😅😊
Your method of teaching is just perfect, everything is so well explained. Thank you for making this course!!
You're welcome. Glad you're enjoying it. 💪
@@BringYourOwnLaptop Mr. Dan can i have your email address please. It's urgent!
@@BringYourOwnLaptop can you be my one on one teacher
Big thanks, Dan! I got so much out of that and am definitely signing up for your larger figma course.
You have great content! Quick, easy to follow and straight to the point. This was super helpful!!! THANKYOU
Thank you so much for your entertaining and very useful videos !
Hey, I've been practising just for two days and I want to thank you for this video - I've had LOTS of fun recreating the app, enjoyed it immensely.
Its my 2nd day today. How is your progress going.
Your unwavering design knowledge is greatly appreciated! God bless you, Dan.
Thanks Dan for your tutorial.😊❤ keep it up.
Super glad I found this! Thanks Dan!
Awesome, can't wait!
I just started learn figma and this whole video helping me a lot. Thank you so much for giving us this such precious knowledge. Bless you!
This was very helpful. Thankyou so much.
Thank you so much. Engaging, clear.
Amazing tutorial Sir! Loved it!
I took the long course about 6 weeks ago, it was great. I didn't think i'd be looking for a job this long (its grim out there) and I'm using this as my refresher course, thanks Dan!
Where in the world are you based?
The market is tricky at the moment. Everyone is holding back waiting to see what happens.
@@BringYourOwnLaptop I'm in nyc. Was a sketch guy for 6-7 years and now that I'm back in the market after a decade everyone seems to have migrated to Figma so its time to catch up. I can understand why though its a great tool with its built in collaboration, sharing and prototyping.
@@EclecticRenaissanceFrank-yi5mx you sent 600 applications with no responses/offers? what are you showing as far as experience/portfolio? that sounds very high without a hit
@@BringYourOwnLaptop please be my one on one teacher I really need it
Thank's Dan! This is so helpful. I am trying to get in to UX/UI Design and your tutorial is beginner friendly and not intimidating at all.
Thank you ,twas pretty cool for beginners
Transitioning from Mockplus to Figma, this tutorial is helpful. Thank you
Today on my
Google ux course i reached figma
Section signed up and did video came
Out this is a sign ❤❤❤ thanks you so much
Amazing teacher 👏
I learned so much, thank you
you are such a great teacher! thank you :)
Awesome! Thank you so much
Thanks Dan. You have been a good teacher..!!
Awesome tutorial. Thanks so much.
This tutorial is very good! thank you!
Bro you are awesome. I was about to waste my money on an IT center. But you saved the day. Thank you.
Amazing! Thank you for the content.
Thank you for being super helpful!
This video was really insightful , Thank you Dan
Thank you for this tutorial
Amazing and Funny presentation . learn through jokes, laugh and a lot of suspenses . Thanks 🙏
Thank you Dan!!!
Excellent Intro to Figma. Thanks very very much.
😊Happy to see you back
Such a great mini course, thanks
Keep up the good work ❤❤❤
Dan is back an im so happpy 😄😁🤩
Thank you so much
Great explaination! keep it up
Much love from Nigeria❤
I just did Figma my last semester in college before I graduated!
Hi, brilliant video thank you.
Thank you for sharing this video and for taking time out your day. 🎶🎵I can see clearly now the confusion gone🎵🎶
I am learning so much from watching your videos. Thank you so much for sharing this amazing source of information. This one is quite helpful.
Thank you
Amazing!!!!!
thank you soo much sir it was soo much helpful for me ...
I liked it, I have learnt a lot
Hey Daniel! How up to date is your Figma course on Udemy? I want to do that one since it’s more detailed and offers a certificate at completion, but I’m concerned about features since I’m sure Figma, as well as all developers, constantly update their apps.
Good effort 😊👍
Amazing course, thaaaaanks
Thanks! I'm glad you enjoyed :)
I like your courses Dan. Is the Figma advanced course still in the cards?
Dan you are the best 😊
You make learning Fun
where were you for all of my existence?You really teach well.Its actually enjoyable 😅
Can't seem to find the practice exercise files but would love to try this!
Hi Dan, I was about to jump into the Udemy course again, the first of the two premier pro courses, however for some reason i can no longer open or use any of the mp3/4 content anymore. It suggests it may be corrupted or unsupported... but its all mp4/3 , which opens fine on my pc other than the course content now. I've deleted it all and redownloaded it again, but its still not working. Do you have any idea what's going on? I really want to continue...
This was useful to me even am using figma for year.
A few years ago you taught me how to use XD and I said you were a legend. I see not much has changed.
😊 thanks 👍
watching your videos and courses are so enjoyable . Thank youu 🤘😎😍🤍
You are such a good teacher! Thank you so much for this content.
I need you to help me and I need you to help me to speak English and learn all things related to computer technology. I need you to help me.
Pls reply me
Thank you sir I learnt too many things
thank you for your tutorial, I learned how to use Figma.
How can I get the link to the king course. This is so amazing, I like the way you teach with simplicity.
Hello Daniel, The way you teach is just amazing and am very glad that I found your channel.
I have a question buddy,
I have absolute zero skills in drawing but am very interested to be in UI/UX,
is it possible for me to survive without the knowledge of being able to draw
thx!
Hi Dan. Sadly, the leaf file you demonstrated is not an SVG, it's in Adobe so many of us can't open it. Please help us.
thank you
Thanks
I was really apprehensive about UI/UX as a complete beginner as I struggle to follow stuff like this.
Everything being so straight forward helped a ton!
Thank you for the confidence boost!
I look forward to the more advanced videos now.
Thanks DAN
Thank you, Dan. :)
Sweet!
Hello . Could you please answer my question? / If we right-click on a video in Premiere and select Make offline option? Two options are given and if we click "media files are delete", the video will be completely deleted in the driver.
Now how to get back the deleted video?
Yesss he is the man!
You got a talent for teaching bro... I tought it was gonna be long and boring
Hey Daniel sir, Siddhesh these side I want to learn design and I saw ur courses on udemy the looks really good. Just wanted to know, I am beginner so in which course should I go first ?? Or order of which I should take courses of You for learning Ui/ux design??
Great video. Can someone tell me how to separate the components of the burger menu, I can't do it properly.
That's perfect
thank you.
i learned thanks for video love from india
im just starting my journey and i would love to know what other tools u need to learn and what programming launguages will be needed. in me country there is no bootcamps or courses on dis side soo i would appreciate it and starting figma with u angel really this is sooo helpful
Waiting
Hi, I can't find the Cheat Chart and the link to the materials - the exercise files. Where can I find it?
I am your new student in Udemy, so happy to have found you!
Hey Dan,
I truly appreciate your courses and all the effort you put in. I finished a couple of them so far.
For the sake of UX, I would like to give you feedback as a user of the cheat sheets you created for people like myself.
I use a Mac and I have no intention of using a PC, therefore a cheat sheet with both options for Mac and PC is overwhelming for me, and these shortcuts are not even different coloured or any visual signs to differentiate them.
So I would suggest separating them, one sheet for Mac users and another for PC users.
Please let me know what you think, even if you don't agree I would like to know why :)))
Regards,
Rali