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



Do you wish to study Figma however don’t know the place to start out? Nicely, when you observe this step-by-step tutorial, it can solely take you 24 minutes to study all of the fundamentals it’s worthwhile to know to start out designing apps and web sites in Figma.

On this Figma tutorial for newbies, UX designer Amr guides you thru Figma’s interface and instruments following a really priceless precept to start out mastering this device. “If you wish to study the fundamentals, you must copy different designs”.

Do you might have extra questions on Figma or the subsequent steps you must take? Go away them within the feedback beneath ⬇️

✅ Try our new 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

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&Sensible?sub_confirmation=1 😉

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

⏰ Video Timestamps

0:00 Intro
0:22 Benefits of utilizing Figma
1:22 The right way to log in into figma.com
1:36 Why you must copy different designs
Begin of Tutorial
2:28 The right way to 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 The right way to use an ICON
14:28 The right way to paste IMAGES
15:32 The right way to 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 educate you:

✅How we landed facilitation gigs with the world’s greatest corporations (Google, Twitter, LEGO & extra!)
✅The right way to efficiently construct & facilitate ANY workshop, even once you’re not a subject-matter knowledgeable
✅The right way to 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 part of 200,000+ individuals subscribing to our AJ&Sensible YouTube, LinkedIn and Instagram channels at no cost content material that will help you and your crew do extra priceless work.

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

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


source

43 thoughts on “Figma UI Design Tutorial: Get Began in Simply 24 Minutes! (2022)”

  1. Thank you for video! Is it vital to create leyers? I have faced a problem when I want to change a background picture or any element in the middle I becomes a mess and i have to redo all the elements.. will letering help? Or is there a way to change the picture in the background without leyering?

    Reply
  2. I've been trying to copy a file onto figma it's way harder than how you show it on the video all I get is download but no open in figma. Please help what am I doing wrong or what am I suppose to do?

    Reply
  3. I was getting really discouraged. I really appreciate the fact I found this video. It's been a winding road, but I got this 🙂 Thank you sir. I'm subscribing to ALL your content

    Reply
  4. I had lost the video, forgot to put it into my Keep notes, and I was afraid I was going to have difficulty finding it. Al'hamdolillaah, found it as the first option of search 🙂

    Reply
  5. After designing will the app just work automatically how can I integrate api like for vitual card generator, or otp message verification, or account balance management, admin interface. Please help here

    Reply
  6. Honestly, how long it can take me to design a website when I know exactly what I want and I´m not a total beginner? 😀 I just have to get it done in less than 2-4 days so it´s really stressing me out 😀 can anybody tell me their experiences? than you so much!!!

    Reply
  7. This tutorial taught me more than all of the Figma channel ones! The music playing in the background and not being able to see which buttons on the screen the narrator was clicking (like you have in the bottom left) was distracting! I thought it was me because everyone in the comments was saying how amazing all of them were! This video takes into account way more learning styles.

    Reply
  8. Thank you very much for this beginners' class. I learnt so much and I practised on my own. I got everything perfectly well.
    You are a great tutor! Looking forward to watching more amazing videos of yours again.

    Reply

Leave a Comment