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

Figma UI Design Tutorial: Get Began in Simply 24 Minutes!

by



✅ Take a look at our FREE FACILITATION TRAINING and study the 5 issues you are able to do to develop into a prime 1% facilitator and earn 6 figures whereas doing it! 👉https://go.ajsmart.com/begin?utm_source=youtube&utm_medium=channel-video&utm_campaign=081220
________

Do you wish to study Figma however don’t know the place to begin? Nicely, for those who comply with this step-by-step tutorial, it’ll solely take you 24 minutes to study all of the fundamentals that you must know to begin designing apps and web sites in Figma.

On this Figma tutorial for rookies, UX designer Amr guides you thru Figma’s interface and instruments following a really beneficial precept to begin mastering this instrument. “If you wish to study the fundamentals, it is best to copy different designs”.

Do you will have extra questions on Figma or the subsequent steps it is best to take? Go away them within the feedback under ⬇️

✅ If you wish to find out about facilitation and workshopping be part of our FREE FACILITATION COMMUNITY the place tons of of workshop facilitators collect to share their assets, insights and experiences 👉 https://www.skool.com/facilitatorclub

Additionally if you have not already, subscribe to our Youtube channel for weekly UX / UI / Profession / and Design Dash movies: ❤️ https://www.youtube.com/AJ&Good?sub_confirmation=1 😉

🛠Free assets talked about on this video:
1️⃣ Figma web site – https://www.figma.com/
2️⃣ Figma assets (Meals supply app UI template) – https://www.figma.com/neighborhood/file/852455074698003039
3️⃣ Free Figma icons – https://www.figma.com/assets/property/evericons-for-figma/
4️⃣ Unsplash (Free photographs) – https://unsplash.com/

⏰ Video Timestamps

0:00 Intro
0:22 Benefits of utilizing Figma
1:22 How you can log in into figma.com
1:36 Why it is best to copy different designs
Begin of Tutorial
2:28 How you can begin a venture 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 you can use an ICON
14:28 How you can paste IMAGES
15:32 How you can use TEXT
18:39 BUTTON UI
21:39 Conclusion
22:32 Subsequent steps

Thanks for watching!

—-
#Figma #FigmaTutorial #UXDesign

📣 FREE FACILITATION TRAINING! 👉 https://go.ajsmart.com/begin

We’ve JUST launched a brand new 1-hour facilitation coaching, the place we’ll train you:

✅How we landed facilitation gigs with the world’s greatest corporations (Google, Twitter, LEGO & extra!)
✅How you can efficiently construct & facilitate ANY workshop, even whenever you’re not a subject-matter professional
✅How you can develop into a high-paid facilitator in 90 days or much less, utilizing our particular ‘5-1-6 methodology’.
? This coaching is obtainable for a restricted time solely, so unlock it now and begin watching!

If you wish to keep forward of the UX recreation, stage up your profession, and be within the know on the nerdiest, ‘techiest’ issues, join our FREE publication right here: 📩 👇
📝 https://aj-smart.ck.web page/21100f1c73 👀

Need extra? Be a part of 200,000+ folks subscribing to our AJ&Good YouTube, LinkedIn and Instagram channels without cost content material that will help you and your staff do extra beneficial work.

AJ&Good is the #1 design dash agency on this planet, the official Design Dash coaching accomplice with Jake Knapp inventor of the google design dash and accomplice of alternative for the world’s most profitable manufacturers.

Figma UI Design Tutorial: Get Began in Simply 24 Minutes! (2021)


source

36 thoughts on “Figma UI Design Tutorial: Get Began in Simply 24 Minutes!”

  20. I have a question. As far as i know, in android app development there is .xml file(design) paired with .java file(code) forming an activity(A page). How does this figma design translate to an xml code?

    Reply

  21. Ok, but how does any of this become interactive? Where do I write code, what language? Or do I need to export all these elements to something else?!? I don't get the wider context of this software.

    Reply

  23. I just starting using Figma today, I was nervous that he wasn't going to start from the very start but the way he explained how to use Figma by copying an existing page was a great idea to get used to Figma. Thank you.

    Reply

Leave a Comment