Figma UI Design Tutorial: Get Started in Just 24 Minutes!

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 ⬇️

🛠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/...
3️⃣ Free Figma icons - https://www.figma.com/resources/asset...
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