Try MagicTask: Your AI-Powered Task Assistant!

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

By - AJ&Smart
Overview
Certification
Reminders

Description

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 👉 https://www.skool.com/facilitatorclub 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 ✅ 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 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

Course Content

Intro
1
22 sec

Intro

5 Questions Ready
Advantages of using Figma
2
1 min

Advantages of using Figma

5 Questions Locked
How to log in into figma.com
3
14 sec

How to log in into figma.com

5 Questions Locked
Why you should copy other designs
4
52 sec

Why you should copy other designs

5 Questions Locked
How to start a project from a TEMPLATE
5
2 min

How to start a project from a TEMPLATE

5 Questions Locked
Interface OVERVIEW
6
17 sec

Interface OVERVIEW

5 Questions Locked
Create a FRAME
7
1 min

Create a FRAME

5 Questions Locked
SHAPE and COLOR creation
8
1 min

SHAPE and COLOR creation

5 Questions Locked
CORNER RADIUS adjustment
9
1 min

CORNER RADIUS adjustment

5 Questions Locked
Create a CIRCLE
10
2 min

Create a CIRCLE

5 Questions Locked
How to use an ICON
11
2 min

How to use an ICON

5 Questions Locked
How to paste IMAGES
12
1 min

How to paste IMAGES

5 Questions Locked
How to use TEXT
13
3 min

How to use TEXT

5 Questions Locked
BUTTON UI
14
3 min

BUTTON UI

5 Questions Locked
Conclusion
15
53 sec

Conclusion

5 Questions Locked
Next steps
16
1 min

Next steps

5 Questions Locked
AI Mentor