Figma Mobile App Design Tutorial | Figma Tutorial 2024

buymeacoffee.c...
Download resources
www.figma.com/...
Welcome to the Figma Mobile App Design Tutorial for 2024! 🚀 In this comprehensive tutorial, we'll guide you through the latest techniques and trends in mobile app design using Figma. Whether you're a seasoned designer or just starting, join us on this creative journey to elevate your mobile app design skills! ‪@Figma‬
🚨 Don't forget to subscribe and hit the bell icon to stay updated on our latest design tutorials!
#FigmaDesign #MobileAppDesign #UIDesignTutorial #UXDesign #FigmaTutorial2024 #DesignInspiration #AppPrototyping #DesignWorkflow #CreativeDesign #DigitalDesign #UIUX

[@desig1rl]

this was too good brother. pls do one with EXCLUSIVE ios or material design kits in figma (the official ones) same type of exercise, it really helps me brush up my design skills. great job!!!

[@icodeng]

I will look into this, thank you for your feedback.

[@1azjoy]

Many thanks to you, very valuable tutorials you are making, just subscribed please keep all good work up

[@icodeng]

Thank you.

[@wisdomjohnson3680]

its the calmness and no rush for me! weldone, good one.

[@icodeng]

Thank you

[@saradia5989]

This tutorial is such a reference for me. It's very useful. Great Job.

[@icodeng]

Thank you

[@DevPalliSri]

Great Tutorial. Thank you.
Small Doubt : Why did you use Instance swap property + boolean on component at 9:45, while for same functionality you haven't used instance swap but only boolean at 1:00:21.
What is the differences. Kindly reply.

[@icodeng]

The instance swap allows us to change the icons easily and the Boolean property allows us to toggle the visibility of an item to either true (item will be displayed on the screen) or false which will hide the item from the screen.

[@saradia9263]

Would you please make another video about prototyping this app ?
I think it would be so useful. Thank you again

[@icodeng]

Thank you for your feedback, I will find time to create work on it.

[@agnaldofondo4013]

Best tutorial on Figma!

[@icodeng]

Thank you

[@wanvidajiralertpaiboon4565]

Thank you for your videos this is so good!
But if you're open for a constructive feedback from me; I would love to see more of the Layers details on the left hand side, as most of the time you show Assets instead. It would help me, as a newbie, to follow better step-by-step when you make changes to each object.
By the way, I just bought you a coffee, too. Hope you enjoy!

[@icodeng]

Thank you so much for the support and coffee! ☕ I really appreciate the feedback and will definitely show more of the Layers panel in future videos to help with the step-by-step process! 🙌😊. I have started a new bootcamp series for beginners.
ua-cam.com/video/pDApqAdvhO4/v-deo.html

[@wanvidajiralertpaiboon4565]

@@icodeng thanks for replying back! Will definitely check it out 👍🏼👍🏼✌🏻

[@icodeng]

chat.whatsapp.com/CLG2jCesltl7uwKS08Jb30 I just created a community on WhatsApp where, users can easily send screenshots of problems, so I can attend to them easily.

[@kakanishalemraju9995]

wow amazing tutorial, great tutorial

[@icodeng]

Thank you

[@MrDestinyproduction]

Hi icodeng
Please where do you get your icons from and is it monthly subscription?

[@icodeng]

The name of the icon pack is vuesax, use this link to duplicate it
www.figma.com/design/qhqcnHhm301x0S33hYecdN/Vuesax-Icons-(Community)?node-id=201%3A7257&t=IxyEPhuMVJTqSHEl-1

[@MrDestinyproduction]

Thank you very much!

[@icodeng]

You are welcome.

[@user-emfarsis]

hello sir, thank you for the tutorial. please i need help,
I can find my icons under the Assets

[@icodeng]

I will check the asset file and get back to you.

[@user-emfarsis]

@@icodeng Thank you sir

[@user-emfarsis]

@@icodeng good day sir, please are you able to check the asset file? still waiting for your feedback.

[@icodeng]

@user-emfarsis sorry for the delay www.figma.com/community/file/1327267000691885316 once u open the file click on the second page seedoc. Start watching from 0:50 to see how to copy the resources when u open the link.

[@user-emfarsis]

@@icodeng thank you

[@JoyEmmanuel-iv3kw]

Hi Icodeng, I'm finding it difficult locating the fill container feature.

[@icodeng]

Indicate the time frame so I can help.

[@kulwantsinghsonu84]

thank so much for your efforts I want to learn expert level figma.

[@icodeng]

I will be dropping a video today.

[@saradia9263]

ULTIMATE HELPFULNESS

[@icodeng]

Thank you

[@HEALTHANDBEAUTHBTV]

How do you apply it in mobile programming after the design

[@icodeng]

You will need a good knowledge of any mobile development language to achieve this, the most common ones are flutter and react native which are cross platform. I’m planning to start releasing programming content, when I do, hopefully we will create this design using flutter.

[@HEALTHANDBEAUTHBTV]

Thanks for this development

[@blessingjohn2518]

Happy new year

[@icodeng]

Same to you

[@hashemmsaleh]

Mm there’s something wrong when I add an icon on properties it’s not seen why ? 10:01

[@icodeng]

Try and convert the icon to a component.

[@JUmetaAsset]

Hi and hello my name is Jameel a Figma student.

[@icodeng]

Hello Jameel, welcome to my channel, I release weekly videos on figma tutorials, do well to subscribe and turn on notifications.

[@tanveerali8073]

helpful😍

[@icodeng]

I’m Happy to know.

[@abednegodikko2419]

👏🏾

[@icodeng]

🙏

[@blessingjohn2518]

👏🏾👏🏾👏🏾

[@icodeng]

👍

[@awaziyunana3466]

🤝🤝🤝🤝

[@icodeng]

👍

[@selchumemmanuel9789]

🫡🫡🫡

[@icodeng]

👍