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

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

HomeAJ&SmartFigma UI Design Tutorial: Get Started in Just 24 Minutes!
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
Check out our FREE FACILITATION TRAINING and learn the 5 things you can do to be in the top 1% of facilitators and make six figures while doing it! https://go.ajsmart.com/start?utm_sourceyoutube&utm_mediumchannel-video&utm_campaign081220
________

Want to learn Figma but don't know where to start? By following this step-by-step tutorial, you'll learn all the basics you need to design apps and websites in Figma in just 24 minutes.

In this Figma tutorial for beginners, UX designer Amr walks 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 any further questions about Figma or the next steps you should take? Let us know in the comments below ️

If you want to learn more about facilitation and workshops, join our FREE FACILITATOR COMMUNITY where hundreds of workshop facilitators meet to share their resources, insights and experiences https://www.skool.com/facilitatorclub

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_confirmation1

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 timestamp

0:00 Introduction
0:22 Benefits of using Figma
1:22 How to sign up for figma.com
1:36 Why you should copy other designs
Start of the 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 design
8:28 Corner radius setting
10:12 Form a CIRCLE
12:25 How to use an ICON
14:28 How to insert IMAGES
15:32 How to use TEXT
18:39 BUTTON UI
21:39 Conclusion
22:32 Next steps

Thank you for watching!

—-
#Figma #FigmaTutorial #UXDesign

FREE MODERATOR TRAINING! https://go.ajsmart.com/start

We have JUST launched a new one-hour facilitation training where we will teach you:

How we got moderation jobs at the best companies in the world (Google, Twitter, LEGO and more!)
How to successfully design and moderate EVERY workshop, even if you are not a subject matter expert
Here's how to become a highly paid presenter in 90 days or less with our special "5-1-6 method".
Interested? This training is only available for a limited time, so unlock it now and start watching!

If you want to stay up to date on all things UX, advance your career, and stay up to date on the nerdiest and most “techy” things, sign up for our FREE newsletter here:
https://aj-smart.ck.page/21100f1c73

Want more? Join 200,000 subscribers to our AJ&Smart channels on YouTube, LinkedIn and Instagram and get free content to help you and your team do more valuable work.

AJ&Smart is the world's leading Design Sprint company, official Design Sprint training partner of Jake Knapp, creator of Google Design Sprint, and preferred partner of the world's most successful brands.

Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021)
https://youtu.be/FTFaQWZBqQ8

Please take the opportunity to connect with your friends and family and share this video with them if you find it useful.