UI Design a Dark Neumorphism Tesla app in Figma from scratch

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

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

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

    This tutorial is on another level and its exactly what I need . Thanks so much, keep up the good work

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

    Excellent work, I really hope Neumorphism catches on. It's a perfect middle ground between Skeumorphism and flat design.

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

      Neumorphism is present since 2019 and it still not usable in real life applications. As a Ux designer, it became a joke when we talk about making an app in neumorphism

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

      @@jeulisv10 Nooooo! Please don't say that. 😂 Why is it a Joke though? I saw it as a serious contender. I am aware that it's been around since then, I was just wondering why it never gained any traction. I am still optimistic though.

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

      @@MosesMatsepane There’s a big problem with neumorphism. It’s not accessible.
      It’s not just the low contrast between the background and clickable elements that’s an issue. A poorly chosen monochrome color palette could make the interface hard to read or engage with for some users as well.
      Some designers have suggested adding color to the borders of the UI element or to the text or icon within it. But that goes against one of the key defining characteristics of the trend.
      So, if you can’t design neumorphism as is … what’s even the point? x)

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

    You are awsome lady ♥your English pronouncing is so cute ...waiting for the next part ...☺

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

    Lovely tutorial, perfect balance in pace and explanation. Well done!

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

    i guess i will take your paid courses as well.. i am learning so much.. please keep up the good work

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

    This looks awesome, thank you!!

  • @dorustsitera7523
    @dorustsitera7523 2 หลายเดือนก่อน

    One more please 🙏 …. Very helpful 🤞🏼

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

    thank you so much for this tutorial, i will check the part 2 later on.
    i learnt a lot in this 38 minutes! your explanations are clear and easy to follow, keep it going!

  • @Mdsajib-dk2jy
    @Mdsajib-dk2jy 2 ปีที่แล้ว +2

    thanks with sweet voice

  • @jfg1692
    @jfg1692 9 หลายเดือนก่อน

    the best tutorial i have found about this tecnic! Thanks!!!

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

    Your are the best in this field 🙏🏾thanks

  • @Mohit-il9gx
    @Mohit-il9gx 2 ปีที่แล้ว +2

    Super cool ui

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

    amazing way of teaching
    neumorphism

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

    Nice design, clear instructions!! Thank you so much for making this video.. I would like to see more designs, please upload more 😊

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

    As always Amazing 🚀

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

    Please make this UI in SwiftUI as well 😍

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

      We'll try to recreate our UIs in SwiftUI for future videos.

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

    Thank you for what super vip pro you did, hope you will be happy and lucky everytime!!!

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

      Thank you! I hope so too 😜.

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

    good luck coding this awesome design :D will be fun :D

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

    wonderful tutorial

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

    OMG!!!! This video is amazing

  • @md.rahimuddin5057
    @md.rahimuddin5057 2 ปีที่แล้ว

    Thanks, ma'am
    for the Figma file

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

    There is a plugin inside Figma to remove the background and it's perfect. name Remove Bg

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

    Nice video 😊

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

    Great tutorial

  • @ZOE-nt9th
    @ZOE-nt9th 2 ปีที่แล้ว +3

    Fantastic tutorial!!!! 🙏

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

    I like your voice 🤩

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

    Thanks

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

    Looks great. It's a complete accessibility nightmare and would never work in the real world nor be taken seriously by any legitimate developer, but nicely done.

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

    this style looks like the app is made of rubber, quite interesting not gonna lie

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

    Nice design. You can also use variants and components as well it’s would complement your work

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

    I was using a much darker color (almoust pure black) and the effect did not worke. I can only assume that it'ss a limition. Thank you.

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

    what subscription plan are you using? I upgraded to the professional plan so i can publish the community assets but now I can not use the fonts! it would be nice if you say at the beginning of your tutorial the prerequisites in order to follow along with you. this is so frustrating trying to figure out this for the first time.

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

    just i need information how to chose color for any design i need help

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

    Can anyone tell me how to add the iOS 15 UI kit to our figma account from the community?
    In many videos I've seen that developers were getting an option like "Make a copy" to add that UI ki. But when I'm trying to do the same, I'm getting an option like "Open in Figma".
    Should we need to subscribe for a premium account to get that?

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

    Can you build an app that preform optimize to the iPhone speed & remove junk files ?
    Just wanna know how to create functional apps

  • @JAYVEESANCHEZ-vw2rs
    @JAYVEESANCHEZ-vw2rs 5 หลายเดือนก่อน

    how to run this?

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

    Guys i dont understand can you Export the figma file too Code or is it just to present the style of the app the Management?

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

    Hi. thank you for figma tutorial. I tried to create as same figma project as yours but I couldn't find Status & home indecator on assets. Becouse of I recently donloaded this figma app and learning figma I have some misunderstandings. Can you tel me Way I have not such as thing. but I did not make payment for figma app can it be reason that I have not Status Bar & Home Indecator currently. thank you for your answer beforehand.

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

    Please what is the name of the text styles assets in the community?

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

    U should work for tesla

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

    But are neumorphic designs realistically usable?

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

    As a UX designer. Sorry to burst the neomorphism bubble. It will never catch on because there are many usability and accessibility issues. Yes it looks nice, but unless your company that the design is for is in the business of getting sued, this design will never fly.

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

      As an aspiring UX designer, I appreciate your insight on this! Its interesting to me that there are names for certain design trends, which I guess should be obvious lol. Out of curiosity, what do you mean when you talk about getting sued? I figured bad/inaccessible design would lead to a lack of a user base and lower customers, but can companies actually be sued for inaccessible design?

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

      @@brianestepa2376 No problem at all! Yes companies can get sued for accessibility issues, also known as ADA compliance in the US. There are lawyers that specifically searche websites or apps to find these issues and then suing the company.
      ADA is multi-layered and includes many rules, but contrast is one of them. If the text and background color doesn’t have enough contrast, then the visually impaired will have difficulty reading it. Which is why neomorphism is pretty to look at but zero adoption rate.

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

    I'm so sorry but I am so confused. I do not know how to access the iOS 15 community library in the project area as it does not allow me to publish. do I need to have a Figma professional subscription?

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

      I'm in the same confusing situation

  • @mar2kk
    @mar2kk 8 หลายเดือนก่อน

    look, i ove the tutorial and i love it and good explanation, but i cant really understand the accent.. im sorry

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

    Where did u get the iPhone frame

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

      It already comes with Figma. Just type "A" to create an artboard and choose the device suitable for your current phone. All resources are on the description.🙂

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

      @@DesignCodeTeam yeah thank-you

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

    3:11

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

    She never adds the animation

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

    1:20 What is bokko yo subbill?

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

      It's supposed to be "Buckle your seatbelt". The subtitle is now fixed. Sorry about that 😅

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

      hahahha

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

    I have a doubt!
    How to add UI kit to assets could u please tell me?🤌

  • @jamilfrancisco2224
    @jamilfrancisco2224 9 หลายเดือนก่อน

    removal (clipdrop )

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

    This looks awesome, thank you!!