ื”ื‘ื

ื”ืคืขืœื” ืื•ื˜ื•ืžื˜ื™ืช

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

0 ืฆืคื™ื•ืช โ€ข 10/12/24
ืœึทื—ึฒืœื•ึนืง
ืœึฐืฉืึทื‘ึผึตืฅ
121gamers
121gamers
15 ืžื ื•ื™ื™ื
15

โœ… 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! ๐Ÿ‘‰https://go.ajsmart.com/start?utm_source=youtube&utm_medium=channel-video&utm_campaign=081220
________

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

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

ืœื”ืจืื•ืช ื™ื•ืชืจ
ืชื’ื•ื‘ื•ืช ื‘ืคื™ื™ืกื‘ื•ืง

ื”ื‘ื

ื”ืคืขืœื” ืื•ื˜ื•ืžื˜ื™ืช