Figma UI Design Course - Create a Bike Shopping App

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น • 124

  • @OfficialKBTT
    @OfficialKBTT 2 ปีที่แล้ว +9

    This is going to be my first and new home for learning designing. Top-tier work

  • @TimiRealty
    @TimiRealty ปีที่แล้ว

    Best Tutorial of my life yet... Wow... u guys just exploded my design skills

  • @AbdulMalik-td7vn
    @AbdulMalik-td7vn 2 ปีที่แล้ว +3

    I won't lie everyday I learn from this page. Thank you

  • @MsTraders007-xs4xb
    @MsTraders007-xs4xb 7 หลายเดือนก่อน +2

    Big Fan Love From Pakistan (Peshawar)🤜🤛

  • @leontaly
    @leontaly 2 ปีที่แล้ว +2

    I really think it's going to be a future style standard, like in this video. But right now people are not ready for that. Good work!

  • @damianrodriguesquintero1223
    @damianrodriguesquintero1223 2 ปีที่แล้ว +2

    brutalll!!! is amazing the tutorial !! I love it !!!

  • @brunosoares9932
    @brunosoares9932 2 ปีที่แล้ว +3

    Thank you! I really learned a lot on that class!

  • @vipulchandel1447
    @vipulchandel1447 2 ปีที่แล้ว +4

    I learned lot of things about figma on this page. Thank you so much for this new content. 🖤

  • @UmairUlhaque
    @UmairUlhaque 2 ปีที่แล้ว +8

    Thank you for an another amazing and brilliant UI design tutorial. The quality of the content you are bringing to us is just unmatchable as compare to other similar channels. I am curious to know that what is your take regarding the recent acquisition of Figma, like almost of your tutorials are based on this app so are you planning to switch or move towards the other apps such as PenPot or Lunacy etc.?

  • @durukarayigit1432
    @durukarayigit1432 2 ปีที่แล้ว

    The best soft soft tutorial ever!

  • @tomashruska2171
    @tomashruska2171 2 ปีที่แล้ว

    Probably the best UI i have ever.seen

  • @parinsheth4971
    @parinsheth4971 2 ปีที่แล้ว +3

    Creativity at it's best! ❤️✨

  • @dynexe
    @dynexe 2 ปีที่แล้ว +1

    Your so detailed ! SUBBED

  • @O1yweqa
    @O1yweqa 2 ปีที่แล้ว +1

    Thank you so much for tutorial. It is helping me a lot!

  • @dustyarcher
    @dustyarcher 2 หลายเดือนก่อน +1

    💕💕💕 it!

  • @rising_sunset
    @rising_sunset 2 ปีที่แล้ว +3

    Love the concept, colors and design. However I feel the bottom navigation would also appear in the cart page.

  • @julienmarocco
    @julienmarocco 2 ปีที่แล้ว +3

    Great, thanks a lot !

  • @paininmydroid4526
    @paininmydroid4526 ปีที่แล้ว

    Wonderful tutorial.

  • @mr.chinaski2613
    @mr.chinaski2613 2 ปีที่แล้ว +4

    Awesome content! when did u start to be a UI designer? u must be a senior one!

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว +1

      No, I'm not senior. this is such a beautiful and meaningful compliment to me. Thanks! :)

  • @jasontruter4981
    @jasontruter4981 2 ปีที่แล้ว +4

    looks great, I would have componentized more and more auto layout to make the items easier to add.

  • @prasadkotian3686
    @prasadkotian3686 2 ปีที่แล้ว

    Hoooooj fyan😍

  • @abhinavdwivedi5858
    @abhinavdwivedi5858 2 ปีที่แล้ว +2

    Thank you for this content

  • @Umitto
    @Umitto ปีที่แล้ว

    Thank you!

  • @JackHomelander
    @JackHomelander 4 หลายเดือนก่อน +1

    It is the best I love it

  • @bouzihak88
    @bouzihak88 2 ปีที่แล้ว

    Perfect 🎉❤

  • @londonsmooth2300
    @londonsmooth2300 2 ปีที่แล้ว +3

    2:56, its showing me 'including 2 missing libraries', so I'm not able to proceed, any help please? Thanks.

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว

      Did you get a copy of the iOS 15 UI kit ? Get a copy, then click on the library to active it.

    • @visualchamber
      @visualchamber 2 ปีที่แล้ว

      @@DesignCodeTeam I have a copy but It does not seem to show up in the library

    • @visualchamber
      @visualchamber 2 ปีที่แล้ว

      Same here. Mine is not showing too!

    • @ChatwithMotolani
      @ChatwithMotolani 2 ปีที่แล้ว

      Same here

    • @londonsmooth2300
      @londonsmooth2300 2 ปีที่แล้ว

      @@DesignCodeTeam I did but not working, just like other people have mentioned

  • @IzumiEvelliCut
    @IzumiEvelliCut 2 ปีที่แล้ว +2

    Thank you very much👍

  • @harshitanimbal1032
    @harshitanimbal1032 ปีที่แล้ว +1

    Can put this on my portfolio or will it be a plagiarism issue?

  • @naomihachan4886
    @naomihachan4886 2 ปีที่แล้ว +2

    I'm already stuck at 2:57. I don't see anything in my Libraries. How do I get the UI kit in there?

    • @MrCatGay
      @MrCatGay 2 ปีที่แล้ว

      same

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว

      A lot of people are struggling with this part. You have to get a copy of the iOS 16 UI Kit from Joey Banks. Then, click on the asset (next to layers), go to library and active the iOS 16 UI Kit. If it doesn’t work, you can take directly in the file.

    • @6404ShubhamBawri
      @6404ShubhamBawri 11 หลายเดือนก่อน

      Do you find the files in the project library

  • @talhasardarhere
    @talhasardarhere ปีที่แล้ว +1

    how do i get a copy of ios 16 UI kit for figma? there is only open in figma option , i can't find get a copy button, can you please help..

  • @Morgan00111
    @Morgan00111 2 ปีที่แล้ว +12

    Woww
    Love this
    I am literally a beginner and still learning and practicing projects like these
    How do you get all the ideas and inspiration of each project?
    I noticed you lean towards dark colors alot
    Please can you walk us through the process of getting this design
    Like from wireframe mockup and ux research? Like what to seach for and all that
    This is pretty amazing
    Thank you

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว +1

      Thank you so much :) My advice is to do a lot of research, take inspiration from other designs and add your own twist. You can write to me in private on my Instagram or Twitter. I will be pleased to answer and give you some links to help.

    • @Morgan00111
      @Morgan00111 2 ปีที่แล้ว

      @@DesignCodeTeam thank you so much! Will do

    • @rivergikbgfriookjgg
      @rivergikbgfriookjgg 2 ปีที่แล้ว

    • @rivergikbgfriookjgg
      @rivergikbgfriookjgg 2 ปีที่แล้ว

    • @spindext
      @spindext ปีที่แล้ว

      @@DesignCodeTeam I'd also love a video on this

  • @olaokemathew4290
    @olaokemathew4290 2 ปีที่แล้ว +1

    Thank you so much I truly find your work useful. A quick one with your reply please 🙏 how do you had those ios kit components to your library.
    Thanks

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว

      Thanks 😊 get a copy of the iOS 16 UI kit from Joey Banks then, go to asset and active the Library. If it doesn’t work, you can take it directly from the page by copy and past.

    • @6404ShubhamBawri
      @6404ShubhamBawri 11 หลายเดือนก่อน

      same here ,Did you find the files in the project library

  • @shotics6619
    @shotics6619 3 หลายเดือนก่อน

    Can you please explain its prototyping

  • @ShredzZ_SteamDeck_Gameplays
    @ShredzZ_SteamDeck_Gameplays 2 ปีที่แล้ว +5

    As a beginner, can this tutorial be used for Sketch user? I know its pretty dumb question but im totally beginner at UI/UX :D

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว +1

      Yes, Sketch and Figma are pretty similar in term of features. The skills are transferrable

    • @TheNNguyener96
      @TheNNguyener96 2 ปีที่แล้ว +1

      I would use figma over sketch as I believe it’s the industry standard now

    • @flyleelee5351
      @flyleelee5351 2 ปีที่แล้ว

      @@TheNNguyener96 agree...I learned on Figma. I hear Sketch doesn't have real time collab capabilities in a cloud setting like Figma and Figjam

  • @shafiibnamasuk5567
    @shafiibnamasuk5567 ปีที่แล้ว

    You should make a play list for newcomers, abou how they can start from scratch to advanced

  • @shortvidsyt859
    @shortvidsyt859 2 ปีที่แล้ว +3

    I love sourasith ❤️

  • @madhavgupta3031
    @madhavgupta3031 ปีที่แล้ว

    can this ios kit used for android too ?

  • @swastikaggarwal221
    @swastikaggarwal221 ปีที่แล้ว

    From where you got such high pixels images and logo ?? Pls also tell us ,

  • @jUXDesign
    @jUXDesign 2 ปีที่แล้ว +2

    Very beautiful design! But I have a problem. I’m doing the tutorial and I have a copy of the file but in the assets, some icons don’t appear. If you can review the file I would be very grateful. Thanks and pelase keep doing this great content.

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว +1

      Thank you so much :) I updated my Figma file. You can continue the course.

    • @jUXDesign
      @jUXDesign 2 ปีที่แล้ว

      @@DesignCodeTeam Thanks to you :)

  • @dennischong7915
    @dennischong7915 2 ปีที่แล้ว

    Thank you In the setup

  • @adnanmumtaz6390
    @adnanmumtaz6390 ปีที่แล้ว

    Where to find bike pictures can you send me website link plzzz..

  • @ulquiorra1408
    @ulquiorra1408 2 ปีที่แล้ว

    can I use this theme directly on my iPhone?

  • @97Savo
    @97Savo ปีที่แล้ว

    How to set when I swipe a certain text or image, like yours, orange "squares" appear on which it says how far it is from the edge. I hope you understood me. 😊

  • @rodrigomachado3402
    @rodrigomachado3402 2 ปีที่แล้ว

    Tem como eu criar um projeto que de para digitar depois? Tipo criar um input text( área) um bloco branco que da pra digitar nele. Um bloco grande. Tipo criar um bloco de notas no figma,isso é possível?

  • @jopadjr
    @jopadjr ปีที่แล้ว

    Amazing work...I came across an article that it is possible to convert Figma to Jetpack Compose

  • @seancarlopiodo2685
    @seancarlopiodo2685 4 หลายเดือนก่อน

    what command do you use to see those spacing size and margin size those red,?

    • @DesignCodeTeam
      @DesignCodeTeam  4 หลายเดือนก่อน +1

      Press on "Option" :)

  • @tejprintbrands7314
    @tejprintbrands7314 2 ปีที่แล้ว

    thanks helpful vid

  • @khilafahempire
    @khilafahempire 2 ปีที่แล้ว

    is this only design or the app itself also

  • @workout.trending
    @workout.trending 2 ปีที่แล้ว +1

    hi can you tell me please how do i find ios ui kit in the book icon mine it's empty didnt find it ty

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว +1

      Go to Assets, you will see the book icon, click on it and find iOS UI kit and active it. Make sure to get a copy of it.

    • @6404ShubhamBawri
      @6404ShubhamBawri 11 หลายเดือนก่อน

      same here ,Did you find the files in the project library

  • @dannyprotas2772
    @dannyprotas2772 2 ปีที่แล้ว

    how do you view the spacing between different layers/ assets? because my figma does not display these numbers when I am moving selected layers.
    is this something I would find in my settings?

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว

      Press on Option to see the spacing 😊

    • @dannyprotas2772
      @dannyprotas2772 2 ปีที่แล้ว

      @@DesignCodeTeam thank you so much!!

  • @gulminababar8562
    @gulminababar8562 2 ปีที่แล้ว +1

    Your designs are insanely gorgeous and beyond reality. How much your UX design costs. Exquisitely crafted. What is the price of your design?

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว +1

      Thank you so much! Unfortunately, we don’t offer freelancing service. Thanks for your interest 😊

  • @abdulmoiz94
    @abdulmoiz94 2 ปีที่แล้ว

    I am a beginner, Can I add this to my portfolio after making that?

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว

      Of course, make sure to mention that the design is inspired from DesignCode. Don’t forget to tag me on Twitter or Instagram, I want to see your work ☺️👍

  • @mdiqbalhossain9832
    @mdiqbalhossain9832 2 ปีที่แล้ว +2

    wow

  • @devadimastawan8751
    @devadimastawan8751 2 ปีที่แล้ว

    Can you help me how to used IOS 16 UI Kit

    • @DesignCodeTeam
      @DesignCodeTeam  2 ปีที่แล้ว

      You can get a copy from this link. You can only copy and paste the component to your project if you are a free user. www.figma.com/community/file/1121065701252736567

    • @6404ShubhamBawri
      @6404ShubhamBawri 11 หลายเดือนก่อน

      Do you find the files in the project library

  • @mondoshigua
    @mondoshigua 2 ปีที่แล้ว

    🇨🇴🧔🏻👍🏼🤝🏼 Saludos desde Colombia.

  • @playpiano2264
    @playpiano2264 2 ปีที่แล้ว

    Is is possible to code?

  • @dtran21k
    @dtran21k 2 ปีที่แล้ว

    Impressive but developer's nightmares

  • @christopheradehwosa7353
    @christopheradehwosa7353 2 ปีที่แล้ว

    ❤❤❤

  • @sffyt696
    @sffyt696 ปีที่แล้ว

    7:38

  • @lycan2494
    @lycan2494 2 ปีที่แล้ว +3

    first

  • @ai-bloggers
    @ai-bloggers 2 ปีที่แล้ว +2

    🚀🚀🚀🚀🚀

  • @soumyachatterjee2603
    @soumyachatterjee2603 2 ปีที่แล้ว +3

    Second

  • @mr.bubble1657
    @mr.bubble1657 2 ปีที่แล้ว +1

    Its a nightmare for android developers to replicate this UI

  • @binitgudhka3292
    @binitgudhka3292 2 ปีที่แล้ว +1

    Content is good but u should work on ur speed it's too fast difficult for beginners so I dislike the video . Keep it up

  • @sweatypotato248
    @sweatypotato248 2 ปีที่แล้ว +2

    So sad figma this awsome app got sold to greedy company

  • @ХристяС-к2в
    @ХристяС-к2в 2 ปีที่แล้ว

    🤍🤍🤍thanks)

  • @wildcat4435
    @wildcat4435 ปีที่แล้ว

    Дальше фигмы это не применимо видимо, раз большинство англоязычных сайтов имеют такой убогий вид. И это не удивительно, дизайн выглядит вроде красиво. Но как будто это не реальный сайт, а фейк страница из GTA V или мобильная игра

  • @jcmediauganda
    @jcmediauganda 2 ปีที่แล้ว

    but had absolutely no problems to follow Nice tutorials words. You don't have to understand all of tNice tutorials in 10 seconds, just take one step, stop the

  • @amith_sj
    @amith_sj 2 ปีที่แล้ว +1

    I don’t, tNice tutorials guy needs to learn to chase a bag

  • @momoligas
    @momoligas ปีที่แล้ว

    BRO WHY ARE YOU MOANİNG