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

Поделиться
HTML-код
  • Опубликовано: 23 дек 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 :)

  • @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! 😊

  • @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!!

  • @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!

  • @melissatoh1505
    @melissatoh1505 4 года назад +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!

  • @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)

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

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

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

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

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

    Great Sir, Love from India 👍

  • @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!

  • @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

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

    This is a very good UI Mentor in youtube.

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

    Underrated RUclipsr !!!

  • @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

      😃🤝

  • @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.

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

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

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

    VERY understandable

  • @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

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

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

  • @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

  • @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.

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

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

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

    Want more this kind of Tutorial❤️

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

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

  • @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

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

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

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

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

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

    You are a really brilliant teacher..

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

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

  • @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

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

    VERY NICE TUTORIAL...REALLY HELPED.

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

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

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

    Really helpful video thank you sir

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

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

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

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

  • @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 !

  • @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.

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

    Learnt so much! Keep it coming 🤘

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

    Great, amazing

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

    Subscribed! Great videos, thanks for doing them. Please do more going from nothing to figma to React Native 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

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

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

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

    love your tutorial videos. very insightful !

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

    Superb bro

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

    Nice tutorial
    Simple and easy to follow

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

    It's so great and nice.

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

    This amazing thenks alot for this tutorial

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

    Very Informative Video
    Thank You

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

    Eagerly waiting

  • @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

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

    nice explanation sir

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

    Thank you, learned a lot!

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

    amazing and inspiring.

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

    thank you so much for tutorial^^

  • @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 ,,,

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

    Thanks for this video. Learned a ton.

  • @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

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

    This was really helpful! Thanks.

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

    Thanks for nice vedio...

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

    Thank you very much so much help.

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

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

  • @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!!!

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

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

  • @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.

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

    You are great bro !

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

    Nice work

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

    thank you for this, you are amazing

  • @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?

  • @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.

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

    much love.

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

    Amazing stuff.

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

    I love you for editing Sir and I'm full video very useful Sir 😀. But one more dude Sir you use software name

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

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

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

    Great tutorial, thank you, man!

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

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

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

    Amazing

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

    Amazing work

  • @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

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

    awesome again. Tq

  • @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....

  • @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.

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

    bru am from kenya just starting ui design thanks mehn

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

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

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

    One full course on figma basic to advance please

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

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

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

    Thanks for this video

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

    supper....

  • @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.

  • @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 ?

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

    Hi, please can you make a video on how to present your designs

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

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

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

    Make more of such videos

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

    Awsome man!!

  • @СолтанМурадлы
    @СолтанМурадлы 3 года назад +1

    😍😍😍😍

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

    450 subscribers to 38k plus. That's growth

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

    where did you get the png image?

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

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