Figma Tutorial: A Crash Course for Beginners
Вставка
- Опубліковано 8 чер 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.
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?
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 UA-cam. Thank you!
This step-by-step tutorial is easy to understand because you explained everything so well.
Great instructor, waiting for the tutorial 🙏
Awesome course, awesome tutorial! Thank you. 🎉
Best time spent in a while watching a video! Thank you so much!
Best tutorial! Thank you so much for creating these free courses :)
Enjoyed this class so much. Your own way of teaching is sooo cooolll. I never got tired or even felt like sleeping. 👏👏👏👏👏👏👏👍👍👍👍👍👍
Thank you so much for your entertaining and very useful videos !
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
Thanks Dan for your tutorial.😊❤ keep it up.
Super glad I found this! Thanks Dan!
This was very helpful. Thankyou so much.
You have great content! Quick, easy to follow and straight to the point. This was super helpful!!! THANKYOU
I cannot tell you how amazing and helpful this was!!
Big thanks, Dan! I got so much out of that and am definitely signing up for your larger figma course.
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!
Your unwavering design knowledge is greatly appreciated! God bless you, Dan.
Thank you ,twas pretty cool for beginners
Amazing teacher 👏
Awesome! Thank you so much
Thank you so much. Engaging, clear.
Amazing tutorial Sir! Loved it!
Thanks Dan. You have been a good teacher..!!
This tutorial is very good! thank you!
you are such a great teacher! thank you :)
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.
This video was really insightful , Thank you Dan
I learned so much, thank you
Thank you for being super helpful!
Awesome tutorial. Thanks so much.
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!
Thank you for this tutorial
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.
Amazing! Thank you for the content.
Thank you so much for sharing
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
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 🙏
Excellent Intro to Figma. Thanks very very much.
Keep up the good work ❤❤❤
Thank you for sharing this video and for taking time out your day. 🎶🎵I can see clearly now the confusion gone🎵🎶
Thank you
😊Happy to see you back
I liked it, I have learnt a lot
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
Thank you Dan!!!
Great explaination! keep it up
Amazing course, thaaaaanks
Thanks! I'm glad you enjoyed :)
Hi, brilliant video thank you.
East to west Dan's the Best 😅😊
Thank you so much
Much love from Nigeria❤
Bro you are awesome. I was about to waste my money on an IT center. But you saved the day. Thank you.
watching your videos and courses are so enjoyable . Thank youu 🤘😎😍🤍
thank you soo much sir it was soo much helpful for me ...
Good effort 😊👍
I just did Figma my last semester in college before I graduated!
You make learning Fun
where were you for all of my existence?You really teach well.Its actually enjoyable 😅
Thanks DAN
Amazing!!!!!
Yesss he is the man!
thank you for your tutorial, I learned how to use Figma.
Sweet!
I like your courses Dan. Is the Figma advanced course still in the cards?
Can't seem to find the practice exercise files but would love to try this!
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.
Dan you are the best 😊
Thank you, Dan. :)
Thank you sir I learnt too many things
How can I get the link to the king course. This is so amazing, I like the way you teach with simplicity.
thx!
Thanks
thank you
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
This was useful to me even am using figma for year.
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.
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
thank you.
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.
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 👍
Waiting
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??
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
Good crash course for newbies like me
Great video. Can someone tell me how to separate the components of the burger menu, I can't do it properly.
I like your way
I am your new student in Udemy, so happy to have found you!
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.
Very well explained. After designing on figma, will the developer only do the coding or recreat everything on some developing software 😢
aren't you the best teacher 👏