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 ⬇️
✅ Check out our new FREE FACILITATION TRAINING and learn the 5 things you can do to become a top 1% facilitator and earn 6 figures while doing it! 👉 https://go.ajsmart.com/start
Also if you haven’t already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ https://www.youtube.com/AJ&Smart?sub_confirmation=1 😉
🛠Free resources mentioned in this video:
1️⃣ Figma website – https://www.figma.com/
2️⃣ Figma resources (Food delivery app UI template) – https://www.figma.com/community/file/852455074698003039
3️⃣ Free Figma icons – https://www.figma.com/resources/assets/evericons-for-figma/
4️⃣ Unsplash (Free images) – https://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! 👉 https://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: 📩 👇
📝 https://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)
https://youtu.be/FTFaQWZBqQ8
source
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
I was getting really discouraged. I really appreciate the fact I found this video. It's been a winding road, but I got this 🙂 Thank you sir. I'm subscribing to ALL your content
That's the best tutorial about Figma I've seen so far ! Thank you !
I really appreciate this! Going to start practicing today, so excited!
Great
I had lost the video, forgot to put it into my Keep notes, and I was afraid I was going to have difficulty finding it. Al'hamdolillaah, found it as the first option of search 🙂
After designing will the app just work automatically how can I integrate api like for vitual card generator, or otp message verification, or account balance management, admin interface. Please help here
Hi – I have just black background when I log in into figma – do yo know how to change it ?
thank you! this was useful!
i just want to say: PERFECT! thank you!!
This video was excellent for a beginner using Figma for the first time, thank you so much!
Simple and quite helpful..
This is great, GOD bless you for this tutorial
A good teacher. well explained. thank you
Thank you🖤
24 min tutorial to create two rectangles and a circle
Thank you 😊
Figma what?
Thank you!
My website doesn’t let me copy to figma. What do i do
Honestly, how long it can take me to design a website when I know exactly what I want and I´m not a total beginner? 😀 I just have to get it done in less than 2-4 days so it´s really stressing me out 😀 can anybody tell me their experiences? than you so much!!!
what is the next video to watch after this please?
Easy to understand, I appreciate what you did here
I want to start a career in UI/UX designs and this video just gave me the courage I needed. Thank you, AJ!
This tutorial taught me more than all of the Figma channel ones! The music playing in the background and not being able to see which buttons on the screen the narrator was clicking (like you have in the bottom left) was distracting! I thought it was me because everyone in the comments was saying how amazing all of them were! This video takes into account way more learning styles.
Thank you very much for this beginners' class. I learnt so much and I practised on my own. I got everything perfectly well.
You are a great tutor! Looking forward to watching more amazing videos of yours again.
Amazing video.. I like it
Thank you tons! This was incredibly helpful.
This is exactly what I wanted and needed. Thanks :)!
Thank You for this nice introduction to Figma