Learn UI Design for Mobile Apps like a PRO! - Figma Tutorial

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ •

  • @thinkjon
    @thinkjon 2 роки тому +4

    Hey Chethan, just wanted to say thank you for your work, knowledge, and sharing. It's EXCELLENT information! I've only been following your channel for less than a month, by far your knowledge and passion for product design rises above any other channel I've found.
    Working in web design many years ago as a visual designer, I've contemplated circling back and relearning today's required skill sets beyond software for product design. Your channel dives into REAL learning details providing the knowledge needed to compete in such a competitive job market.
    I like that you are self taught. It proves to others if there is a will there is way to reach your goals. Please continue the outstanding work of teaching with your channel. I hope others will join to support you in your journey and their own ambitions.

    • @DesignPilot
      @DesignPilot  2 роки тому +1

      Thank you so much. This means so much 🙏

  • @kirtanyakardum6676
    @kirtanyakardum6676 4 роки тому +7

    To see layout of any applicable just go to devloper option in phone's settings and enable show layour boundary. It will show you layours of every element on your screen

  • @not_now1820
    @not_now1820 Рік тому +3

    I just designed my first screen by following the things you mentioned in this mentioned. Tbh, the screen is still shitty looking but it's definitely some progress from simply just watching theory videos. Might take me some time to improve my Visual design skills. Thankyou soooo much for this video man!!

  • @sajidshakeel3681
    @sajidshakeel3681 2 роки тому +2

    A true gem for those just starting out and for those looking to brush up on their design skills. I'm also willing to participate in the prize.

  • @aerik999
    @aerik999 4 роки тому +2

    Easily the best tutorial I've seen on Figma Mobile UI Design replication.

  • @lisscat
    @lisscat 4 роки тому +1

    For those of you who want to see the elements of any mobile app WITHOUT paying for that android app:
    Open/log into said app on your browser (Chrome or Firefox).
    Right click and do inspect element.
    On the right side or the bar of your inspection window look for a mobile/tablet icon. This should let you see the mobile view of what's in your browser.
    Click on inspection tool and have a look at whatever you want. The CSS/code you want might be a bit more buried but it will be there generally. To find the fonts just use a plugin like font-ninja.

  • @AdityaBolt
    @AdityaBolt 4 роки тому +2

    I feel soo bad that I found this channel so late . How I wish I was there for the giveaway.
    Also Great content dude.Keep up the good work.

  • @sammarkhalil7330
    @sammarkhalil7330 Рік тому

    Hi chetan loved how you teach. You are teaching design on a whole new level more power to u. This is the most professonal course and guide that I have come across on youtube.

  • @harshpopat
    @harshpopat 2 роки тому +1

    Great work Chethan, its super helpful, thankyou!

  • @shikhakumari9690
    @shikhakumari9690 Рік тому +1

    Amazing information, thank you so much for such valuable content. That has actually blew my mind. I would like to mention that I am following your content for past few weeks now, it is really helpful, I do not have words to explain but I must appreciate, you are doing something great for people who actually want to learn and build their career in UI/UX. Thanks a lot😃

  • @lisavu204
    @lisavu204 3 роки тому +1

    This is the best UI tutorial I have to say! Thank youuuuu

  • @vasagiridesigns2076
    @vasagiridesigns2076 2 роки тому +1

    hi, I want the promo code for a lifetime. I loved your content UI. I get clarity on frame sizes and 1x,2x,3x,4x how they work. Thank you a lot, man

  • @diogos7233
    @diogos7233 2 роки тому +1

    Thank you so much for these videos. Is the giveaway still available?

  • @gyulboxing
    @gyulboxing 3 роки тому +1

    I cannot thank you enough for what you shared in the video! Liked and subscribed!

  • @surendarkumar-rs1og
    @surendarkumar-rs1og 4 роки тому +1

    This app is very helpful. Material kit for android and ios kit for ios is highly recommended if its a native app.

  • @boxofsecrets6260
    @boxofsecrets6260 3 роки тому +3

    Amazing explanation.. why I not watch this earlier.. You are great mentor HAPPY TEACHERS DAY..Is this giveaway is still on?

  • @AsimAntuleVlogs
    @AsimAntuleVlogs 2 роки тому +1

    This tutorial is one of the best!❤ Great Video

  • @AneeqaChowdhury
    @AneeqaChowdhury Рік тому +1

    seen and learnt a lot from previous mega courses for web design. You are real charm and I am also participating for prize!

  • @dawn2dusk740
    @dawn2dusk740 2 роки тому +2

    Thanks for this video, I learned a lot of stuffs. I think I'm late :( Can I have a code? Thanks.

  • @harshitverma9298
    @harshitverma9298 4 роки тому +2

    I found this video worthful, Thank You bro

  • @elvisojiambo_7
    @elvisojiambo_7 2 роки тому +1

    Nice video and really Informative

  • @romanmir8443
    @romanmir8443 3 роки тому +1

    I'm too late for this video and your channel. Why I don't found you earlier Your video open my mind and thanks 🙇

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

      Meanwhile me watching this in 2024

  • @not_now1820
    @not_now1820 Рік тому +2

    Is it okay to use UI kits for portfolio projects or should we create everything from scratch??

  • @AmoghSrivastava
    @AmoghSrivastava 3 роки тому +1

    Awesome tutorial mate, which phone are you using?

    • @DesignPilot
      @DesignPilot  3 роки тому

      IPhone 12 Pro

    • @AmoghSrivastava
      @AmoghSrivastava 3 роки тому

      The Android? It looks like a Pixel but not sure which model

  • @aryanr1201
    @aryanr1201 3 роки тому +1

    Beauty. I loved this tutorial. Looking forward for more of these! is this giveaway still on?

  • @yuanjoyce6663
    @yuanjoyce6663 4 роки тому +2

    A lot of useful info! Thank you so much!

    • @DesignPilot
      @DesignPilot  4 роки тому

      Glad to hear that. Thank you ⚡️

  • @paddywakasiaka4176
    @paddywakasiaka4176 3 роки тому +1

    Hey my guy....hope am not late but this information is mind blowing....can I get a piece

  • @milindkhadse556
    @milindkhadse556 3 роки тому +1

    Very very helpful information thank you

  • @masterkeeran
    @masterkeeran 3 роки тому +1

    Amazing video!!! Much much helpful. 👌. Is the giveaway still on? Please reply.

  • @vyshakiv9739
    @vyshakiv9739 3 роки тому +1

    Thanks for the video bro, giveaway plz..

  • @sumeetsamuel6590
    @sumeetsamuel6590 4 роки тому +2

    Back days just completed Abhinav Ui/UX playlist, Now I landed here to explore more.
    Bro your videos are pure in-depth detail on Ui/UX design, the amount of insight you provided are valuable for me , going to start my case study after completing your videos.
    If any code is left I would like to Enter Giveaway it would really help me out.
    Thank you!

  • @pratikaher3313
    @pratikaher3313 4 роки тому +1

    Thanks for making such awesome content available for free 🙏

  • @gamingzone9253
    @gamingzone9253 5 років тому +1

    Nice work.
    I want to get into that giveaway,
    Very good information you shared in this video,
    I have never seen this kind of video bro.
    Excellent Work

  • @olebogengmoeng595
    @olebogengmoeng595 4 роки тому +3

    Man, this is so insightful. Am I too late for the giveaway? Are there any more left?

    • @DesignPilot
      @DesignPilot  4 роки тому

      62QUG0MY11XGWP4GVSBQZPG

    • @nelvinnsude
      @nelvinnsude 4 роки тому

      @@DesignPilot How did you get the material guideline used in @18:06

  • @vikramsahai08
    @vikramsahai08 4 роки тому +1

    Awesome channel! Just subscribed!

  • @patel_tej
    @patel_tej 4 роки тому +2

    Absolutely amazing!!! This video is a gold mine 👌. Is the giveaway still on?

  • @vannneldas
    @vannneldas 2 роки тому +1

    Wowwowowwww your'e such a blessing 🌟

    • @vannneldas
      @vannneldas 2 роки тому +1

      this developer assitant application app isn't working in oneplus phone. could you please help me with that, I will be very thankful to you

    • @DesignPilot
      @DesignPilot  2 роки тому

      You may not need that anymore. Just try to trace the screens and figure out the values accory

  • @nehakumari466
    @nehakumari466 4 роки тому

    Hey Chethan, I subscribed to your channel the moment I completed this video. Hats off to you man 💯. I know it's been a while but is the giveaway still on?
    That app was really useful tho

  • @varshakapil8224
    @varshakapil8224 2 роки тому +1

    please make more😊

  • @smilli6415
    @smilli6415 Рік тому +1

    wen need more of these

  • @harshbadhai5468
    @harshbadhai5468 4 роки тому +1

    Hey Chethan! Your videos are great. I am very late but is the giveaway still on?

  • @sravan10421
    @sravan10421 4 роки тому +1

    Video so awesome....is it still there giveaway??

  • @aisosaobasohan4265
    @aisosaobasohan4265 4 роки тому +4

    Thanks alot. Please do you have any more voucher, I'm late😣😣

  • @lalitbarai
    @lalitbarai 4 роки тому +1

    Video really helped me!!!

  • @srotaswinisahoo4132
    @srotaswinisahoo4132 4 роки тому +1

    Oh my god this is the best video to learn really cool . I know I am very very very late.. But do you have any more voucher or can you ask for more please 🙏🙏

  • @shaheenkerur8868
    @shaheenkerur8868 2 роки тому +2

    Hi design pilot… thank you so much for this Video ..it’s super helpful as I am a complete beginner ..is there any chance if the Promocode still available ¿?

  • @jumanaalali8354
    @jumanaalali8354 3 роки тому +1

    you are amazing, your video is informativ

  • @sandeepbaral3099
    @sandeepbaral3099 4 роки тому +1

    Loved the video! Is the giveaway still ON ? 😕

  • @den_vortexx
    @den_vortexx 2 роки тому +1

    Do you need the status bar in Material Design 3? Cause I haven't find it in their guidelines. There was only top app bar, but not the system one.
    Is it hidden when you use the app or they just haven't added it yet?

    • @DesignPilot
      @DesignPilot  2 роки тому

      Good question. The status bar has nothing to do with Material Design. It comes with the phone. Even if it’s hidden in the app, it’s still there but not visible. So you must always have the status bar when designing screens.

  • @eumm11
    @eumm11 3 роки тому +1

    thank you for sharing your knowledge!

  • @atifahidari3449
    @atifahidari3449 Рік тому +1

    Hi, Is there any way to inspect apps element on an iPhone?

  • @mehulvarshney4374
    @mehulvarshney4374 4 роки тому +4

    Love your tutorials, You teach everything in detail with passion for free. I really appreciate it,Looking forward for more videos. Thanks.
    I know i am late but i wanna join the giveaway ?!

  • @ushadesai6306
    @ushadesai6306 Рік тому +1

    What purpose does the screenshot of the app in 1080 X something serve in Figma? Have I missed some steps?

  • @hardikagawde2908
    @hardikagawde2908 4 роки тому +1

    I am a Beginner in UI designing. This video is very helpful. Thank you so much for your tutorials.
    If the giveaway is still going on can you please share the vouchers?

  • @tattoosupporter
    @tattoosupporter 3 роки тому +1

    Is the app 'developer assistant' still available to download on iPhone? There is no search result I can see. oh its only for Android

  • @matthewshu5458
    @matthewshu5458 Рік тому +1

    Any idea if there is a iOS equivalent for the Developer Assistant?

    • @DesignPilot
      @DesignPilot  Рік тому

      There isn’t unfortunately. iOS doesn’t allow apps to run on other apps.

  • @ashishsoni2431
    @ashishsoni2431 5 років тому +1

    Really awesome tips you give bro I am waiting for your next tutorial about website design process thank you for sharing your knowledge 😀

    • @DesignPilot
      @DesignPilot  5 років тому

      Website Design is next week

    • @bajiraosingham9495
      @bajiraosingham9495 5 років тому +2

      @@DesignPilot Please also explain how to come up with Ideas/Theme/Concept for Website.

  • @kushalyadav1751
    @kushalyadav1751 4 роки тому +1

    Amazing video Chethan. Thankyou so much for the guide. Ik it's too late but can I enter the giveaway? Thankyou so much in advance.

  • @ayeshameshram8665
    @ayeshameshram8665 2 роки тому +1

    Hi Chethan Sir, Got to know about your channel Love your work and teaching style. Your videos help a lot. i know am bit late is there any chance of promo code for Developer assistant app are available/still left?

  • @amitsakpal385
    @amitsakpal385 4 роки тому +1

    Previous was doing by taking screenshot and practice BUT this video unlocked the different experience to understand UI better and core of it. Thankyou
    I want to enter the giveaway.

    • @DesignPilot
      @DesignPilot  4 роки тому +1

      N47ARJJDXCUYMD52DUEDDEF

    • @amitsakpal385
      @amitsakpal385 4 роки тому +1

      @@DesignPilot Thankyou :) made my day. Really appreciate it.

  • @BoldMindHQ
    @BoldMindHQ 5 років тому

    Nailed it Chethan! Keep making these great tutorials
    yea for the giveaway Im in!

  • @aritribanik1698
    @aritribanik1698 5 років тому +1

    Really informative..liked the detailed analysis of these apps using Developer Assistant.
    And yes, I want to enter the giveaway.

  • @dikshasaxena5260
    @dikshasaxena5260 4 роки тому +1

    Too good! So informative and does justice to the video title! I know I am quite late, but I wish I could get the giveaway!

    • @DesignPilot
      @DesignPilot  4 роки тому

      BPM2ZDQX2AUNV9ZDS48GXW5

    • @dikshasaxena5260
      @dikshasaxena5260 4 роки тому

      @@DesignPilot Thanks much! Sadly my device isn't compatible with App's version!😦

  • @MrBsattas
    @MrBsattas 5 років тому +1

    What’s the best size to start to build website as UI designer

    • @DesignPilot
      @DesignPilot  5 років тому +1

      You can start with 1440

    • @MrBsattas
      @MrBsattas 5 років тому

      Thank you brother 🌹

  • @nishasingh8495
    @nishasingh8495 4 роки тому

    Your video is very useful and informative.
    Keep doing the great work👌

  • @shereengrg
    @shereengrg 4 роки тому +1

    Hi Chetan, thankyou for the video! Very informative for beginners like me :) I really wanted to enter the Giveaway, is there any chance now?

  • @apoorvaagarwal9255
    @apoorvaagarwal9255 2 роки тому +1

    It make my basics clear...Thankyou for this😇😇
    Also, I want to have a promocode for the Developer Assistant App...it will be nice if you share it with me.

    • @DesignPilot
      @DesignPilot  2 роки тому +1

      Watch my recent videos, you won’t need the developer assistant app. There is a better way to learn

    • @apoorvaagarwal9255
      @apoorvaagarwal9255 2 роки тому +1

      @@DesignPilot Thankyou again😇

  • @vijetanayak8398
    @vijetanayak8398 5 років тому +5

    Hi Chethan! This was indeed mind-blowing piece of information! Thanks! I'd like to enter the giveaway :)

  • @Saravindkv
    @Saravindkv 4 роки тому +1

    Informative tutorial 💯

  • @nelvinnsude
    @nelvinnsude 4 роки тому +2

    I am a beginner to mobile app design and this is absolutely useful. Thank you so so much... I am trying the developer assistance and honestly it is a wow.. Hope i am not too late for the give away. If it's available please share... Thanks

    • @DesignPilot
      @DesignPilot  4 роки тому +1

      F0LNSTCL85AGF65GU7S4Z5U

    • @nelvinnsude
      @nelvinnsude 4 роки тому +1

      @@DesignPilot Thanks Man...

    • @nelvinnsude
      @nelvinnsude 4 роки тому +1

      Question please, how did you do all those screenshot. Did you do it using the regular phone screenshot or there is a function in the developer assistance app?

    • @DesignPilot
      @DesignPilot  4 роки тому +1

      Regular screenshot

    • @nelvinnsude
      @nelvinnsude 4 роки тому

      @@DesignPilot Thanks, Man. Another Question please,... What about the Theme UI used @17:59.. How did you get it..

  • @louismacdonald3755
    @louismacdonald3755 2 роки тому +1

    Hi what’s the iPhone equivalent of the developer measurement tool please?

    • @DesignPilot
      @DesignPilot  2 роки тому

      Unfortunately there isn’t. But you don’t need the app

    • @louismacdonald3755
      @louismacdonald3755 2 роки тому +1

      @@DesignPilot ok thanks I have been importing most app screenshots into figma via airdrop and then arranging to fit a preset frame size like iphone 11 ... form there i measure in a grid of 8px and match the font sizes as close as possible to the screenshot overlay :)

    • @DesignPilot
      @DesignPilot  Рік тому

      Yes. That’s the right way to learn

  • @siddhibhatia5714
    @siddhibhatia5714 2 роки тому +1

    Really amazing video. Learned a lot, Thank you please share the giveaway code

  • @Uxarif
    @Uxarif 5 років тому +1

    wow Nice man !!

  • @aarishlakhani9475
    @aarishlakhani9475 4 роки тому +1

    Hey Chethan, I subscribed to your channel the moment I completed this video. Hats off to you 💯. I know it's been a while but is the giveaway still on?

  • @iamcrashish
    @iamcrashish 5 років тому +1

    Hi Chethan, I was not aware of developer assist app. I think It's a mush have app for the designers. Thanks for sharing your knowledge 🙂

    • @DesignPilot
      @DesignPilot  5 років тому +1

      K6Q6XGQH6NE3YHHBW0W44SE

    • @iamcrashish
      @iamcrashish 5 років тому

      @@DesignPilot Thanks buddy

    • @iamcrashish
      @iamcrashish 5 років тому

      But how to use this code in the app. Didn't get any section to redeem this.

    • @mimickingminds5737
      @mimickingminds5737 5 років тому

      @@iamcrashish go for the PRO option in the app.. And there will be two options.... Choose permanent licence... And then payment.. There you will see redeem code

    • @iamcrashish
      @iamcrashish 5 років тому

      @@mimickingminds5737 Thanks 🙂

  • @rrayonyoutube
    @rrayonyoutube 5 років тому +1

    Entry for the giveaway!! So happy I found your channel(subscribed!), thank you so much for the tutorial and introducing all the great tools

  • @arjunpillai8172
    @arjunpillai8172 5 років тому +1

    This video was so informative. Honestly never knew that app existed and now it makes it so much more easier and helpful. Thank you. I'm up for the give away.

  • @jitbanikuxui1804
    @jitbanikuxui1804 4 роки тому

    Dear, sir I am late. do you have available giveaway right now? by the way, the video was very helpful.

  • @jasongunter2586
    @jasongunter2586 4 роки тому +1

    I would like to everett for promo code!! Great video thanks!!!

  • @KirubanandanSwaminathan
    @KirubanandanSwaminathan 4 роки тому +1

    Hi, I have subscribed your channel. Do you have anymore vouchers for Developer Assistant?

  • @anhduy.47
    @anhduy.47 4 роки тому +2

    There were many mind-blowing information here. Thank you so much. Could I join the giveaway now, it's late :((

  • @ashishnasa1
    @ashishnasa1 4 роки тому

    I wanna enter the giveaway! Is it still available?

  • @debimishra7325
    @debimishra7325 4 роки тому +1

    How did your developer assistant 1/4 of the screen?

  • @Med-p9k
    @Med-p9k 3 роки тому +1

    i like your video but i have a stupid question .. this video is speeded up or you are eminem ?

  • @holmedw
    @holmedw 4 роки тому +1

    I liked and shared to my Twitter. Is the giveaway still on?

    • @DesignPilot
      @DesignPilot  4 роки тому

      RHPLDPP4BD5NC6V7K7LJ37M

    • @holmedw
      @holmedw 4 роки тому +1

      @@DesignPilotI didn't get to use the giveaway code. I had to purchase the app.

    • @DesignPilot
      @DesignPilot  4 роки тому

      Oop

  • @shreyassrivastava81
    @shreyassrivastava81 5 років тому +1

    Thanks for telling us about the app. I'm so in for the giveaway!!

    • @DesignPilot
      @DesignPilot  5 років тому

      G4WFVXAM36C8Q0HXAMC4NTB

    • @shreyassrivastava81
      @shreyassrivastava81 5 років тому

      @@DesignPilot thank you so much Chetan. Couldn't have been more happier❣️

  • @mukthasaiajay7257
    @mukthasaiajay7257 4 роки тому +1

    I learned many things from the video. Can I get the giveaway?

  • @stan4457
    @stan4457 4 роки тому +1

    Hello bro. I am at the very beginning stage of UI designing. Just want to thank you for your tutorials. I am going through each one of your tutorial and learning how it all works. ☺️
    Btw is the giveaway still there?

    • @DesignPilot
      @DesignPilot  4 роки тому

      QGB4PKP7Q6VCAD2EVGZM0JP

    • @stan4457
      @stan4457 4 роки тому +1

      @@DesignPilot 😲😲Thank you bro. Thank you soooo much ❤️❤️

  • @kartikdhaduk4024
    @kartikdhaduk4024 5 років тому +1

    Loved your videos... And Instagram feeds as well😀✌️ .
    Wanna be in give-away..

  • @ferdousislam5433
    @ferdousislam5433 4 роки тому +1

    I think I'm too late to watch the tutorial,,really informative tutorial

  • @architjain9244
    @architjain9244 4 роки тому

    Hey, chetan nice video . do you have any code available?

  • @rahultupe804
    @rahultupe804 3 роки тому +1

    helpful video thnx

  • @ranjiniyg1677
    @ranjiniyg1677 5 років тому +1

    Hi Chetan, Cant thank you enough for this information. Its so helpful for a beginner like me.... I want to be in the giveaway, i know i am late though....

    • @DesignPilot
      @DesignPilot  5 років тому +1

      3AL18YPGB2MFW0LZ5QEU42D

    • @ranjiniyg1677
      @ranjiniyg1677 5 років тому

      @@DesignPilot thank you so much for the promo code!! 🙂

  • @mimickingminds5737
    @mimickingminds5737 5 років тому +1

    Want to know more about grid system and layouts. Bdw nice content. Also, i am Starting daily ui challenge.. So the give away will make things easy.

  • @FacelessAItechHub
    @FacelessAItechHub 4 роки тому +1

    Now you have any promo code

  • @aerik999
    @aerik999 4 роки тому +1

    I know I'm super late, do you have any more licenses for the giveaway?

    • @DesignPilot
      @DesignPilot  4 роки тому

      Unfortunately not

    • @aerik999
      @aerik999 4 роки тому +1

      @@DesignPilot No problem! Hey, great tutorial and enjoy your weekend!

  • @middleclassboy361
    @middleclassboy361 5 років тому +1

    Great stuff chethankvs , Developer assistant app helps in understanding about the font size and colour of live app which is very important for the beginner like me ... Thanks lot for this stuff and keep making vedio over design. Be an Inspiration.
    I want to enter the giveaway😊

  • @nishasingh8495
    @nishasingh8495 4 роки тому +1

    Can you please teach us on how to design mobile app ui in photoshop like pro

    • @DesignPilot
      @DesignPilot  4 роки тому

      Please dont use photoshop for Ui design 😂

  • @moajmasti416
    @moajmasti416 5 років тому

    Thank YOU so much Sir, You are Amazing
    Love You

  • @strengthandmotive
    @strengthandmotive 5 років тому +7

    I learned many things from this video💜
    I wanna be in giveaway, i know i am late though