Figma UI Design Tutorial: Get Started in Just 24 Minutes!
3,615,330
Published 2020-12-08
________
✅ Check out our FREE FACILITATION TRAINING and learn the 5 things you can do to become a top 1% facilitator and earn 6 figures while doing it! 👉go.ajsmart.com/start?utm_source=youtube&utm_medium…
________
Do you want to learn Figma but don’t know where to start? Well, if you follow this step-by-step tutorial, it will only take you 24 minutes to learn all the basics you need to know to start designing apps and websites in Figma.
In this Figma tutorial for beginners, UX designer Amr guides you through Figma’s interface and tools following a very valuable principle to start mastering this tool. “If you want to learn the basics, you should copy other designs”.
Do you have more questions about Figma or the next steps you should take? Leave them in the comments below ⬇️
✅ If you want to learn about facilitation and workshopping join our FREE FACILITATION COMMUNITY where hundreds of workshop facilitators gather to share their resources, insights and experiences 👉 www.skool.com/facilitatorclub
Also if you haven't already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ youtube.com/AJ&Smart?sub_confirmation=1 😉
🛠Free resources mentioned in this video:
1️⃣ Figma website - www.figma.com/
2️⃣ Figma resources (Food delivery app UI template) - www.figma.com/community/file/852455074698003039
3️⃣ Free Figma icons - www.figma.com/resources/assets/evericons-for-figma…
4️⃣ Unsplash (Free images) - unsplash.com/
⏰ Video Timestamps
0:00 Intro
0:22 Advantages of using Figma
1:22 How to log in into figma.com
1:36 Why you should copy other designs
Start of Tutorial
2:28 How to start a project from a TEMPLATE
5:10 Interface OVERVIEW
5:27 Create a FRAME
6:38 SHAPE and COLOR creation
8:28 CORNER RADIUS adjustment
10:12 Create a CIRCLE
12:25 How to use an ICON
14:28 How to paste IMAGES
15:32 How to use TEXT
18:39 BUTTON UI
21:39 Conclusion
22:32 Next steps
Thanks for watching!
----
#Figma #FigmaTutorial #UXDesign
📣 FREE FACILITATION TRAINING! 👉 go.ajsmart.com/start
We’ve JUST launched a new 1-hour facilitation training, where we’ll teach you:
✅How we landed facilitation gigs with the world’s best companies (Google, Twitter, LEGO & more!)
✅How to successfully build & facilitate ANY workshop, even when you’re not a subject-matter expert
✅How to become a high-paid facilitator in 90 days or less, using our special ‘5-1-6 method’.
Interested? This training is available for a limited time only, so unlock it now and start watching!
If you want to stay ahead of the UX game, level up your career, and be in the know on the nerdiest, ‘techiest’ things, sign up for our FREE newsletter here: 📩 👇
📝 aj-smart.ck.page/21100f1c73 👀
Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn and Instagram channels for free content to help you and your team do more valuable work.
AJ&Smart is the #1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp inventor of the google design sprint and partner of choice for the world's most successful brands.
Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021)
• Figma UI Design Tutorial: Get Started...
All Comments (21)
-
Do you have more questions about Figma? Leave them in the comments below 👇 And if you want to become a UX designer but don't know how to get started check out our video on that topic 👉 https://youtu.be/t0aCoqXKFOU
-
This was Actually my first ever video for figma 3 years back and now i have full time high paying job as a UX Designer it means alot to me
-
Can we all just take a minute to appreciate how well produced this was? Great scenario, great lightning, great audio, great animations... Very nice!
-
This is insane. You literally saved me from taking an 11-hour course. I just needed the essentials to mock up my personal website. Thanks man!
-
LOVE it when I find someone as crystal clear as yourself! Seriously, tutorials ARE seldom THIS good and easy to follow along. Here´s one subscription right here sir! Many thanks for putting this together. Much appreciated.
-
This is the exact "learning by doing" which is the fastest way to learn ! Thank you
-
Instead of constantly clicking to select an element (especially within a group), you can press CMD, hover over the element you want, and click. It will select that element and save you from multiple (and very annoying) clicks. This was a big game changer for me that I learned while using Sketch. Works on Figma too.
-
Have been using Figma for some months figuring most out myself, but this was a good beginner tutorial. One tip to make picking colors quicker is just to press "i" on your keyboard, immediately will make the eyedropper pop up. Saves a few clicks!
-
Such a well made video! You explained how to execute things in such an easier manner. I’m just learning Figma, and watching this video really helped jog my memory on a few of the tools I forgot about, so thank you! Can’t wait to start back up, and play around creating mock-ups.
-
Very helpful! I like how you assume that people are coming from a baseline-zero/beginner and go into detail without making it too confusing or lengthy. A true skill! :)
-
As far as "learning things from YouTube" goes, this is like peak achievement here; you're an absolute legend man
-
I am just starting out as UI UX Designer and even the paid course on Udemy was nothing compared to what u showed in first few minutes… thank you so so much for sharing your knowledge …. I can’t wait to start a project and get the needed confidence 😊
-
Amazing video! I have learned a ton from these 20 something minutes. It's not my first time trying to look into figma and tutorials/docs but it was all just so overwhelming before. Thanks a lot for the awesome explanations and clear tips.
-
You videos are incredibly helpful. You don't even know it. Unlike other tutorial videos where they talk for hours and hours and the audience don't get a point. You just go straight to the point and always explain in a way which works best for the beginners like myself. Thank you so much. Hope you get 1 million subscribers in no time!
-
Super helpful way to get started. I was getting a bit overwhelmed with the sheer volume of material when getting started in UI design. This gives me a way to start building. Thank you.
-
I am not a very good designer (not my day job) but this is an amazing course! I really appreciate the post and learned a lot. The strategy to copy something that's already there makes it a lot less intimidating with learning a new process on a new tool. Thank you again!!
-
I appreciate that you assume that we're complete beginners, and teach us in a simple and easy-to-understand way. I also appreciate that you go into just enough details to help us get started, emphasis on the 'get started'! you don't intimidate or overwhelm us with information. and when you say to practice doing stuff in Figma, but not start designing something from scratch (which would be intimidating and overwhelming! 😮💨for beginners), just copy and learn from other people's design first.. that's so helpful! and it's a relief. I often feel this pressure to create my own design at first, and that's tough. so just copying at first is helpful.
-
I’m an architect, now I can learn how this design tool works easily. Design is a big process, software is a tool. Great video.❤️👌
-
wow I appreciate you guys creating this content so much!! I just started teaching myself UXD for over a week. Today I searched "how to use Figma 101" on Youtube and so happy this is the first video I clicked on. Very practical that I don't need to look around but can start to practice now. Please keep up the good work! Thank you!!!!!
-
I wish all design tutorials were this good. 3 years and 3.4m views later, this is still reaching new people that need it. Thanks a million for uploading this.
