Figma Shoe Ordering Mobile App Design (Figma Mobile Design 2020)

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 229

  • @AliMukhtar53
    @AliMukhtar53 3 года назад +74

    Today I got the JOB yes I got the JOB just because of this tutorial.
    Thanks MAN keep up the great work :)

  • @ELBEKISMOILOV-o1k
    @ELBEKISMOILOV-o1k Год назад +2

    VERY understandable

  • @African-Tale
    @African-Tale Год назад +1

    So nicely done.I have learned how to remove background from image and good sites to get components. Some stuff in figma like shadow, curve, etc I learned now. Thank you boss.

  • @domo5563
    @domo5563 4 года назад +4

    Out of all the videos I have watched on Web design. Your channel is honestly the best! 😊

  • @antoniosilva7714
    @antoniosilva7714 4 года назад +3

    Hey Hyginus. Thanks for the subtitle!!!!!!!!!!!
    I'm Brazilian, and my English still needs to improve.
    With subtitles it helps a lot, and it is much better than machine translation.
    Thank you very much!

  • @mukulthakre5966
    @mukulthakre5966 Год назад +1

    Great Sir, Love from India 👍

  • @chiderafelix9921
    @chiderafelix9921 3 года назад +7

    Thank you for taking out time to create this tutorial. I just got started on UI design a few days ago and I have already learnt so much from your channel. Now I want to go all in to see how far I can go!! Well done man!! Keep it up!!

  • @52_sy_c_hetshah62
    @52_sy_c_hetshah62 2 года назад +1

    Thank You So Much Sir (Making Your Design Since From last 3 days ,2app,web ,learn New Things ,Plss Continue with more videos)

  • @ayindeabiolaaugustine7469
    @ayindeabiolaaugustine7469 3 года назад +1

    God bless you abundantly bro
    Watching your tutorial I made my first design using figma .. You are a teacher

  • @SebaxR9
    @SebaxR9 3 года назад +4

    amazing video! I followed along the whole way and replicated your design. Some thoughts/feedback:
    1. I would simplify the tab bar at the bottom. Would take out the blue home icon, since it feels like a call to action (e.g. upload a picture"
    2. On the product page, replace the select quantity option to choose a size. That option is more relevant and important for the user.
    3. It's unclear to me what's the function of the checkmark for each product.
    4. I left the heart blank in the product page. If it's filled, it suggests that the user favorited the product already.
    Thanks a lot for your content, it's super helpful. You're the man!

  • @naimurrahman75
    @naimurrahman75 3 года назад +1

    Underrated RUclipsr !!!

  • @melissatoh1505
    @melissatoh1505 3 года назад +9

    Thank you so much for putting out tutorials like this! It has made playing around with Figma so much easier and enjoyable. Looking forward to seeing more tutorials for other app designs, cheers!

  • @chukwukaobiagwu6830
    @chukwukaobiagwu6830 Год назад

    I enjoy watching your videos and i learn so much from them. You are the best...Thank you for sharing your knowlegde.

  • @WarrenJMusiq
    @WarrenJMusiq 4 года назад +5

    I love watching you design. You’re definitely an inspiration. ♥️

  • @uvie3930
    @uvie3930 3 года назад +3

    Great tutorial. Biggest thing I learned was how to use boolean operations, so I'll definitely be using those in my prototypes.

  • @pathprakash
    @pathprakash 4 года назад +3

    Hey buddy, i love your designs and as you told us "INSPIRE FROM OTHERS" this gives me motivation. LOTS OF LOVE FROM INDIA

  • @bapimajhi7991
    @bapimajhi7991 3 года назад +1

    Finally I got a awesome tutor You are really awesome thank you very much.

  • @gayathri1911
    @gayathri1911 4 года назад +2

    Thank you so much for this descriptive video. Couldn’t find any video like this on RUclips 🙂

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад +1

      Glad it was helpful!

    • @gayathri1911
      @gayathri1911 4 года назад +2

      @@BuildingAmazingThings honestly I have unsubscribed other design channels because either they show it in fast fwd or just talk about ux or just do the process in mute....🙄

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад +1

      😃🤝

  • @mwaleed2069
    @mwaleed2069 2 года назад

    This is a very good UI Mentor in youtube.

  • @BoldKing71
    @BoldKing71 2 года назад

    Excellent Tutorial. 👍🏻👍🏻👍🏻
    One suggestion - Ellipse ✅️ Eclipse ❌️

  • @nabil.hassan
    @nabil.hassan 3 года назад +2

    I really like your videos... Your videos are really in detail and easy to understand

  • @rowlandaiyegbusi1295
    @rowlandaiyegbusi1295 3 года назад +1

    Thank you for your tutorial videos. I'm plugged in and getting better

  • @mohsinms3485
    @mohsinms3485 3 года назад +1

    You are a really brilliant teacher..

  • @ndasura1587
    @ndasura1587 Год назад +1

    Really helpful video thank you sir

  • @sambhatti65
    @sambhatti65 2 года назад +1

    Your content is really helpful. Thank you for creating this. Really love to learn from you.

  • @hritiksharma113
    @hritiksharma113 4 года назад +2

    VERY NICE TUTORIAL...REALLY HELPED.

  • @ayanbanerjee5508
    @ayanbanerjee5508 3 года назад +1

    need more like this awesome tutorial , please make more of various apps

  • @chiomaezeugwu7800
    @chiomaezeugwu7800 Год назад

    Thank you so much for sharing your knowledge with us I was thinking of giving up until I found your channel please can you do a food website with figma thank you

  • @falconnine7114
    @falconnine7114 3 года назад +1

    Want more this kind of Tutorial❤️

  • @monikajanickova8336
    @monikajanickova8336 3 года назад +2

    Thank you so much for the tutorials you are creating. This one was already my 8th tutorial that you created and I did. It is so helpful and always teaches a lot.

  • @encoretoicarlito
    @encoretoicarlito Год назад

    You are amazing brother. Thank you so much for sharing your knowledge with us

  • @eliasinnocentameh7230
    @eliasinnocentameh7230 2 года назад

    Wow great.
    Please how did you remove the background from the shoes.

  • @edwardfabunmi
    @edwardfabunmi 2 года назад +1

    It's so great and nice.

  • @sriramnavin4975
    @sriramnavin4975 4 года назад

    Need more bro...😍❤️... Finally landed at the best channel 🙌

  • @laceymosley5111
    @laceymosley5111 Год назад

    How do you get the sneakers inside the rectangle? When I try that they just go behind the rectangle.

  • @whatsnewnow4469
    @whatsnewnow4469 3 года назад +1

    Superb bro

  • @MichaelRhodesno1
    @MichaelRhodesno1 4 года назад +2

    I really love your channel and your designs. Im new to UI and i'm learning a lot by watching your channel. Please keep it up, I'd love to watch future videos. :) GREAT WORK

  • @sadiaafrin7403
    @sadiaafrin7403 3 года назад +1

    Thanks for nice vedio...

  • @abimbolataiwo2601
    @abimbolataiwo2601 Год назад

    Hello
    I love ypur videos it really helped me a lot in building myself
    Pls how do I save my work on Figma

  • @user-es8el5nh4h
    @user-es8el5nh4h 3 года назад +1

    nice explanation sir

  • @raj360d
    @raj360d 3 года назад +2

    Great, amazing

  • @faithmiriti8121
    @faithmiriti8121 Год назад

    This amazing thenks alot for this tutorial

  • @notsure3065
    @notsure3065 Год назад

    Thank you, learned a lot!

  • @mojisolaotusheso8135
    @mojisolaotusheso8135 Год назад

    love your tutorial videos. very insightful !

  • @frostyfreezemovies
    @frostyfreezemovies Год назад

    Yes sir need more like this osm love u sir ❤️

  • @uchechukwueze4935
    @uchechukwueze4935 2 года назад

    450 subscribers to 38k plus. That's growth

  • @maormemolis872
    @maormemolis872 3 года назад +1

    Your content is really helpful. Thank you for creating this.

  • @hyacinthokwor7639
    @hyacinthokwor7639 2 года назад

    Nice tutorial
    Simple and easy to follow

  • @juanesteban7059
    @juanesteban7059 3 года назад +1

    Man keep it up, you are creating great content! 💪🏻

  • @igbinigiedaniel1038
    @igbinigiedaniel1038 2 года назад

    Amazing

  • @dr.coodex7369
    @dr.coodex7369 Год назад +1

    thank you bro i learn lot of... but i have problem that how can my project send my buyer please tell me ,,,

  • @mmohinme
    @mmohinme 4 года назад +1

    Very Informative Video
    Thank You

  • @rinkakakkar8458
    @rinkakakkar8458 2 года назад

    Hi, I would like to know that these apps you designing will need coding also to work properly or one can share these file links with clients. Thanks!!!

  • @parthpandya21
    @parthpandya21 4 года назад +1

    amazing and inspiring.

  • @anjith
    @anjith 3 года назад +1

    Thanks for this video. Learned a ton.

  • @wmafendi
    @wmafendi 3 года назад +1

    awesome again. Tq

  • @darumer33
    @darumer33 4 года назад +1

    I am watching continuously your videos......plz make a video on how we can use professional gradients in background

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад +1

      Thanks for watching my videos. I will make a video if I have more people requesting for a particular video.

  • @ijeomauduma7265
    @ijeomauduma7265 3 года назад

    I'm learning a lot from you, thank you...but please next time, try to adjust the subtitle, It was blocking what you were designing

  • @manivarnank1908
    @manivarnank1908 2 года назад

    Thanks for this video

  • @Man_davo
    @Man_davo Год назад

    Nice work

  • @riyamishra6434
    @riyamishra6434 3 года назад +1

    its fab but i have a doubt so will u plz solve it ?
    and that's- how u save your background image from figma like i did it but its not working properly and i'm having problem to use my image in this project

  • @shahidap2541
    @shahidap2541 3 года назад +1

    much love.

  • @nidheeshv3214
    @nidheeshv3214 3 года назад +1

    supper....

  • @rorycawley
    @rorycawley 2 года назад

    Subscribed! Great videos, thanks for doing them. Please do more going from nothing to figma to React Native please.

  • @nadiahpuji1547
    @nadiahpuji1547 2 года назад +1

    thank you so much for tutorial^^

  • @GunplaBiruda
    @GunplaBiruda 2 года назад +1

    Thank you so much for this. I just want to ask where did you get those shoe photos? I'm searching for a site that I can legally use photos same as that.

  • @cozzires
    @cozzires 3 года назад +1

    Learnt so much! Keep it coming 🤘

  • @aishahhamman4294
    @aishahhamman4294 3 года назад +1

    This was really helpful! Thanks.

  • @DancewithSooraj
    @DancewithSooraj 3 года назад +1

    Amazing work

  • @businesseux5464
    @businesseux5464 3 года назад +2

    Brother can you please share some real brief of some clients to understand how you start working after reading the brief....

  • @buchiolisa3878
    @buchiolisa3878 3 года назад +1

    thank you for this, you are amazing

  • @margaretbamgbose6148
    @margaretbamgbose6148 4 года назад +2

    great work! How did you get the shoes on a transparent background though???

  • @notebyeze
    @notebyeze 4 года назад +4

    Amazing stuff.

  • @allilmd
    @allilmd 2 года назад

    Hi, please why did you use a 6 grid layout instead of a 4 grid layout for the design?

  • @frostyfreezemovies
    @frostyfreezemovies Год назад

    One full course on figma basic to advance please

  • @arianasantos9161
    @arianasantos9161 2 года назад

    I have two separate pages in my figma. The first one are my wireframes and the second page are my mockups. For some reason, my wireframes (when i click the play button to present) show my designs on an actual iphone so that you can see an actual idea of what it will look like on a phone. For some reason, on my mockups pages however, when I click to present, it doesn't have an iphone that it shows my designs on. It just shows my designs. Do you have any idea why this may be?

  • @thevickys618
    @thevickys618 3 года назад +1

    You are great bro !

  • @mahmoudel-nahal3879
    @mahmoudel-nahal3879 3 года назад +1

    keep it up brother, make more useful videos like this you will get more subscribers and your channel will grow. please don't stop posting !

  • @sylvesteragyemang8416
    @sylvesteragyemang8416 2 года назад +1

    can we use these tutorial works to secure a job please???

  • @fidelisteeraboh8683
    @fidelisteeraboh8683 3 года назад +1

    you make design look so easy. please i tagged you on a post on twitter. copied those please give me your review

  • @manvitejwani3072
    @manvitejwani3072 Год назад

    Is it easy to use figma aap in mobile or not

  • @sat_talk
    @sat_talk 3 года назад +1

    Thanks. but how to convert this Figma prototype to Android XML file?.

  • @x__1821
    @x__1821 4 года назад +1

    Im a newbie. After your done with the design what do you do. Do you code it ?

  • @harsh_hariya
    @harsh_hariya 4 года назад +1

    Eagerly waiting

  • @slava.senatorov
    @slava.senatorov 4 года назад +1

    Great tutorial, thank you, man!

  • @cissemy
    @cissemy 4 года назад +1

    Thanks
    How do I install all the plugins you are using ?

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад

      Right click go to plugins > manage plugins > search and then install the plugin

    • @cissemy
      @cissemy 4 года назад

      Thanks.Is there any plugin to convert a design to xamarin forms xaml ?

  • @danieleugene2924
    @danieleugene2924 3 года назад +1

    Heyy nice tutorial, how do I get the pictures you used for this tutorial

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 года назад

      Check the description. Use the pictures from the Figma file. Also you can get your images from unsplash and use remove.bg to remove the background.

  • @ruzicaculina9342
    @ruzicaculina9342 3 года назад

    I am learning so fast. Thank you so much
    I would like to ask you to show us how to present our work.

  • @Bharathux
    @Bharathux 2 года назад

    23:30 showed how detailed editor you are! amazing : )

  • @jai7787
    @jai7787 3 года назад +1

    Make more of such videos

  • @sunnybhargava9627
    @sunnybhargava9627 4 года назад +1

    Amazing work done by you .... why not you also teach webflow

  • @shanshaukat3892
    @shanshaukat3892 2 года назад

    Sir if possible share the links of image it help us in practice
    Thanks

  • @ZiktheProgrammingGuy
    @ZiktheProgrammingGuy 4 года назад +1

    Very interesting

  • @thementor9764
    @thementor9764 4 года назад

    bru am from kenya just starting ui design thanks mehn

  • @priscillatagoe525
    @priscillatagoe525 2 года назад

    Hi...you're doing amazing... I'm a beginner and I'm so blessed to have come across your channel. Please I want to ask that after the UI design, how can the buttons and app really work in real life? Or I'm I going ahead of myself?..Lol

    • @suparnakatoch1573
      @suparnakatoch1573 2 года назад

      You build the page structure using HTML, add the styling and visuals using CSS and functionality using Javascript

  • @harsh_hariya
    @harsh_hariya 4 года назад +1

    superb

  • @siri5628
    @siri5628 4 года назад +2

    Lovely design! How do you record your prototypes/animations so you can post them on social media? I tried recording my screen but the videos look blurry.

  • @kufreakpan6447
    @kufreakpan6447 Год назад

    Please I need you to be taking me through, I want to learn figma

  • @ohayobae
    @ohayobae 2 года назад

    Thank youuu

  • @souvikjana7962
    @souvikjana7962 3 года назад

    Your video greatly helped me with the layout. Now, how do i convert it into an application??