Master Figma Mobile App Design In 2024: Step-by-step Tutorial

Поділитися
Вставка
  • Опубліковано 10 січ 2024
  • buymeacoffee.com/icondng
    Download resources
    www.figma.com/community/file/...
    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

КОМЕНТАРІ • 47

  • @saradia9263
    @saradia9263 5 днів тому +1

    ULTIMATE HELPFULNESS

  • @DevPalliSri
    @DevPalliSri 24 дні тому +1

    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
      @icodeng  18 днів тому

      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.

  • @wisdomjohnson3680
    @wisdomjohnson3680 2 місяці тому +1

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

  • @1azjoy
    @1azjoy 4 місяці тому +2

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

    • @icodeng
      @icodeng  4 місяці тому +1

      Thank you.

  • @desig1rl
    @desig1rl 4 місяці тому +2

    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
      @icodeng  4 місяці тому +1

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

  • @agnaldofondo4013
    @agnaldofondo4013 3 місяці тому

    Best tutorial on Figma!

  • @user-emfarsis
    @user-emfarsis Місяць тому +2

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

    • @icodeng
      @icodeng  Місяць тому +1

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

    • @user-emfarsis
      @user-emfarsis Місяць тому

      @@icodeng Thank you sir

    • @user-emfarsis
      @user-emfarsis Місяць тому

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

    • @icodeng
      @icodeng  Місяць тому +1

      @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
      @user-emfarsis Місяць тому

      @@icodeng thank you

  • @kulwantsinghsonu84
    @kulwantsinghsonu84 5 місяців тому +1

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

    • @icodeng
      @icodeng  5 місяців тому

      I will be dropping a video today.

  • @kakanishalemraju9995
    @kakanishalemraju9995 5 місяців тому +1

    wow amazing tutorial, great tutorial

    • @icodeng
      @icodeng  5 місяців тому

      Thank you

  • @blessingjohn2518
    @blessingjohn2518 5 місяців тому

    Happy new year

    • @icodeng
      @icodeng  4 місяці тому

      Same to you

  • @blessingjohn2518
    @blessingjohn2518 5 місяців тому

    👏🏾👏🏾👏🏾

  • @MrDestinyproduction
    @MrDestinyproduction Місяць тому +1

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

    • @icodeng
      @icodeng  Місяць тому +1

      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
      @MrDestinyproduction Місяць тому +1

      Thank you very much!

    • @icodeng
      @icodeng  Місяць тому

      You are welcome.

  • @abednegodikko2419
    @abednegodikko2419 5 місяців тому +1

    👏🏾

  • @tanveerali8073
    @tanveerali8073 3 місяці тому

    helpful😍

    • @icodeng
      @icodeng  3 місяці тому +1

      I’m Happy to know.

  • @JoyEmmanuel-iv3kw
    @JoyEmmanuel-iv3kw Місяць тому +1

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

    • @icodeng
      @icodeng  Місяць тому

      Indicate the time frame so I can help.

  • @hashemmsaleh
    @hashemmsaleh Місяць тому +1

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

    • @icodeng
      @icodeng  Місяць тому

      Try and convert the icon to a component.

  • @awaziyunana3466
    @awaziyunana3466 5 місяців тому

    🤝🤝🤝🤝

  • @JUmetaAsset
    @JUmetaAsset 5 місяців тому +1

    Hi and hello my name is Jameel a Figma student.

    • @icodeng
      @icodeng  5 місяців тому

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

  • @HEALTHANDBEAUTHBTV
    @HEALTHANDBEAUTHBTV 3 місяці тому

    How do you apply it in mobile programming after the design

    • @icodeng
      @icodeng  3 місяці тому

      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
      @HEALTHANDBEAUTHBTV 3 місяці тому

      Thanks for this development

  • @selchumemmanuel9789
    @selchumemmanuel9789 5 місяців тому

    🫡🫡🫡