Apple Vision Pro Netflix Design in Figma

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

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

  • @stevendesigner
    @stevendesigner 5 หลายเดือนก่อน

    Great work!

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

    I recently started learning UX design and came across your video. It provided a perfect and precise explanation. You should definitely create more content! Keep up the great work!

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

      Thank you so much Rania, please let me know if there are any special topics you want me to cover.

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

    The way you describe was very easy to understand thanks

  • @emerald_entertainment
    @emerald_entertainment 11 หลายเดือนก่อน +1

    THANK YOU!!!

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

    Great tutorial ❤. Your explanation is easy to understand. Need more tutorials ❤ thank you

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

      Thank you so much, and yes I post design video every Friday. Hit that bell Icon so you don’t miss any notification.

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

    Really great vidéo, gonna help me a lot

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

    this is simply awesome. super rad!! Surprised that the frosted look can be so much easily done in figma vs photoshop lol

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

    great content.... bring more such tutorials

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

    Please make a playlist of VR design tutorial. This video helped alot!

    • @AverageDesignDude
      @AverageDesignDude  7 หลายเดือนก่อน

      Sorry for the delayed response I was away due to personal emergency. I will definitely make a video about VR.

    • @Saissh7
      @Saissh7 7 หลายเดือนก่อน

      @@AverageDesignDude No worries. Thanks.

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

    Thank you!

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

    superb content. keeep it up

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

    I also start reacently ux/ui so plz share ur some tips n experience to hw we hv to go step by step to creat project to learn everytime new and productive in this field

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

    How to create a curved UI? Thanks for the tutorial.

    • @AverageDesignDude
      @AverageDesignDude  7 หลายเดือนก่อน

      Sorry for the delayed response I was away due to personal emergency.
      There are some plugins that allow it. But mostly for projects you will not need a curved UI

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

    THIS IS AMAZING

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

    Bestt tutorial everrrrrrreeeee thank u thank u thank u thankkk uu sooo muchhhhh ♥️♥️♥️

  • @AnandPradeep-z2g
    @AnandPradeep-z2g ปีที่แล้ว

    can you make a video about how you record your figma prototype in high quality video format

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

    it would have been better if you would have also show hovered state for movie components too, overall it was great!!

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

      I am planning to make a longer video designing everything from scratch... stay tuned for that.

  • @paulplanko
    @paulplanko 5 หลายเดือนก่อน

    How does this work in the new Firma ?

  • @aj-lan284
    @aj-lan284 5 หลายเดือนก่อน +1

    how do you know the dimensions of a frame? can you put a documentation like where dimensions are mentioned?

    • @AverageDesignDude
      @AverageDesignDude  5 หลายเดือนก่อน

      These are different for different screen size for example
      For Desktop we have all these frame sizes.
      1920×1080, 1366×768, 1536×864, 1280×720, 1440×900
      A quick google search help you see all the available screen sizes.

    • @aj-lan284
      @aj-lan284 5 หลายเดือนก่อน

      @@AverageDesignDude do we need to read ios design docmentation for dimensions, spaces etc?

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

    Hell Boss thanks for the video

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

    where can i find those icons? They are amazing

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

      Go to Figma community and search Solar Icons.

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

      I also recommend watching this video to add it to figma : th-cam.com/video/2eD-Dl43mKU/w-d-xo.html

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

      @@AverageDesignDude glad for your attetion, thank you for the help. Great chanell, willing to see more

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

    Which icon pack are you using brother?

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

      Its Solar Icons, available on Figma Community.

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

    can you tell me which icon plugin you are using?

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

      I am not using plugin. I am using Solar Icons available in Figma Community

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

    Hi, How did you swap the icon in the video button instance?

    • @AverageDesignDude
      @AverageDesignDude  7 หลายเดือนก่อน

      This can be done through Figma library … I have a video about this on my channel you can have a look.

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

    Bro pls share resources of files used in it

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

      Here is the editable link to my file: www.figma.com/file/n3O64ZAfqyuPDcTMrHg5MX/Apple-Vision-Pro-Netflix-Design-(Copy)?type=design&node-id=0%3A1&mode=design&t=P0zOs9nd5hvvOzc2-1

  • @AadityaRajbanshi-n5c
    @AadityaRajbanshi-n5c ปีที่แล้ว

    How did you got those assets and I didn't find my replace icon please help

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

      I have added Icon Library "Solar Icons" to my teams Library in Figma (I goti it from Figma community).
      Watch this video on how to do this : th-cam.com/video/2eD-Dl43mKU/w-d-xo.html

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

    at 06:40 why not just frame the background rectangle and clip content ?

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

      That's is also a way to go... Good point.

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

      @@AverageDesignDude Thanks for your reply.

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

    Could you link the movie component set? Also, if we want to show this on our portfolio as practice, how do we showcase that?

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

      Movie component is pretty easy to make, try to make a different style from mine so its unique for your design. This will help you improve your design thinking.
      And to answer your question you can make it as a video and add it to Behance portfolio. Or record it as a gif from any free gif creation software and use it on Dribbble shots.

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

    Where Can I get design challenges to do, I want to practice more UI designs

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

      You can try to follow tutorials that I make. These tutorials cover most features of Figma. But for more challenges try to redesign apps that you use in your daily basis. Try and improve its design.

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

    Best tutorial ever!!!!🙌 Plz, where can I find those icons?

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

      Thank you, you can find these on Figma Community website. Just search for Solar icons on Figma community website.

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

      Thank you so much 🙏

  • @Carzy_edits_
    @Carzy_edits_ 5 หลายเดือนก่อน

    I have problems changing the icon its sayinf error help

    • @AverageDesignDude
      @AverageDesignDude  5 หลายเดือนก่อน

      It probably is the issue with your icon library. Can you give me more detail maybe I can help.

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

    for the icon couldn't we just make a circle of 64 radius, why did select rectangle and give its edges as 100?

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

      Its always best to use Rectangle and give it border radius to make it like a circle if you plan on making it an Autolayout... that is why I always use Rectangle..

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

      @@AverageDesignDude but why still not clear with the reason....is it because of framing and for the autolayout to work efficiently or.....

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

      @@shrutichavan21 Its because when you use circle to make an auto layout, it will add it as a shape inside the layout rather than make it an Auto layout frame. Its just a Figma issue I guess.

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

    Pls share this figma file 😊

    • @AverageDesignDude
      @AverageDesignDude  7 หลายเดือนก่อน +1

      Sorry for the delayed response I was away due to personal emergency.
      I have already shared this file.

    • @alfajr8766
      @alfajr8766 7 หลายเดือนก่อน

      ​@@AverageDesignDude Tnx For Response 🥰 , where is the File?can you 1 more.

  • @amrkld-cv
    @amrkld-cv ปีที่แล้ว

    where to get this icon bro ?

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

      These are Solar Icons available in Figma Community for Free

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

    how to give scroll effect for clipped items.

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

    Can you make a social media app like Facebook in apple vision pro?

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

    can you create design system tutotial from start to scratch

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

      I will, It will take a bit time to prepare a detailed video on design systems but I promise it will be available soon.

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

      @@AverageDesignDude in internet there is no detailed video on creating a animated portfolio from scratch and how to get a free website domain . If u could make it , it will be great.

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

    Do more please

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

    while bringing nav items to screen its all blur. how to fix it . Icons are not visible for me.

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

      Buddy I don’t understand why is that, but I can share with you my Figma file so you can see and compare… is that fine? If not please share with me your file so I can have a look… my email is in my channel information.

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

      @@AverageDesignDude Can You drop down your file in here. I changed the layer blur but now I can't Blur the living room image . In free trial can we share more than three files. Because mine already 3 finished

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

    I just sent my figma file to your mail please comment about it for me I will be vey glad. Thank you

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

    be regular