Figma Tutorial: A Crash Course for Beginners
Vložit
- čas přidán 26. 06. 2024
- SUMMER SALE 🌞 Join BYOL for $5.60 a month. Save 20% on an unlimited year of learning: byol.com/ss24yt
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
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?
You're the best when it comes to teaching.
Coupled with the fun way teaching makes it amazing. Much love from Nigeria
This step-by-step tutorial is easy to understand because you explained everything so well.
Best time spent in a while watching a video! Thank you so much!
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 :)
Great instructor, waiting for the tutorial 🙏
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.
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.
Awesome, can't wait!
Big thanks, Dan! I got so much out of that and am definitely signing up for your larger figma course.
Awesome course, awesome tutorial! Thank you. 🎉
I cannot tell you how amazing and helpful this was!!
You have great content! Quick, easy to follow and straight to the point. This was super helpful!!! THANKYOU
Your unwavering design knowledge is greatly appreciated! God bless you, Dan.
Thank you so much for your entertaining and very useful videos !
Super glad I found this! Thanks Dan!
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
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!
Thanks Dan for your tutorial.😊❤ keep it up.
amazing! thanks for the video! :)
This was very helpful. Thankyou so much.
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.
Amazing tutorial Sir! Loved it!
Thank you ,twas pretty cool for beginners
Awesome! Thank you so much
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.
you are such a great teacher! 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
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 you for being super helpful!
Thank you for this tutorial
This tutorial is very good! thank you!
Transitioning from Mockplus to Figma, this tutorial is helpful. Thank you
Thank you so much. Engaging, clear.
I learned so much, thank you
Bro you are awesome. I was about to waste my money on an IT center. But you saved the day. Thank you.
This video was really insightful , Thank you Dan
😊Happy to see you back
Amazing teacher 👏
I just decided I wanted to jump into UX designing... Thank you for the resource. I might also sign up for BYOL. THANK YOU, DAN!
Thank you so much for sharing
Thanks Dan. You have been a good teacher..!!
Amazing! Thank you for the content.
Awesome tutorial. Thanks so much.
Dan is back an im so happpy 😄😁🤩
Such a great mini course, thanks
Amazing and Funny presentation . learn through jokes, laugh and a lot of suspenses . Thanks 🙏
Great explaination! keep it up
Thank you for sharing this video and for taking time out your day. 🎶🎵I can see clearly now the confusion gone🎵🎶
Keep up the good work ❤❤❤
Excellent Intro to Figma. Thanks very very much.
I just did Figma my last semester in college before I graduated!
Thank you Dan!!!
Thank you
Hi, brilliant video thank you.
where were you for all of my existence?You really teach well.Its actually enjoyable 😅
watching your videos and courses are so enjoyable . Thank youu 🤘😎😍🤍
Thank you so much
I liked it, I have learnt a lot
Much love from Nigeria❤
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.
I like your courses Dan. Is the Figma advanced course still in the cards?
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 soo much sir it was soo much helpful for me ...
Good effort 😊👍
Amazing!!!!!
Thanks DAN
Sweet!
Can't seem to find the practice exercise files but would love to try this!
East to west Dan's the Best 😅😊
thank you for your tutorial, I learned how to use Figma.
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
You make learning Fun
Waiting
thx!
Amazing course, thaaaaanks
Thanks! I'm glad you enjoyed :)
Thank you, Dan. :)
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 👍
Yesss he is the man!
Thanks
thank you
How can I get the link to the king course. This is so amazing, I like the way you teach with simplicity.
Thank you sir I learnt too many things
Dan you are the best 😊
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
thank you.
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
i learned thanks for video love from india
That's perfect
I am your new student in Udemy, so happy to have found you!
Great video. Can someone tell me how to separate the components of the burger menu, I can't do it properly.
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
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.
Hey Dan, new to Figma but glad a lot of it (so far) is similar to Illustrator so I don't feel (yet) lost. Really enjoying this, great tuition and cracks me up at times (esp. your sound effects ). How quickly can you get very good knowledge? I'm applying for a job that requires it..... I said I could use it not to blow my chances but 😏
Hey. Using it is easy enough. Especially if you've got illustrator experience. The hard part is the UX theory. But, like anything, you've got to start somewhere and a lot of general design principles cross over into UI design. Jump in, learn the software and get making stuff.
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.
Good crash course for newbies like me
Very well explained. After designing on figma, will the developer only do the coding or recreat everything on some developing software 😢