Apple Vision Pro Netflix Design in Figma

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

[@sayekatchakraborty4621]

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

[@AverageDesignDude]

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

[@raniakhan2974]

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]

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

[@arifhossain5288]

The way you describe was very easy to understand thanks

[@AverageDesignDude]

Thanks so much.

[@emerald_entertainment]

THANK YOU!!!

[@pandurangansatish2973]

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

[@AverageDesignDude]

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

[@stevendesigner]

Great work!

[@kennyhongerino]

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

[@Kaypx92]

Really great vidéo, gonna help me a lot

[@AverageDesignDude]

Glad to hear it!

[@Saissh7]

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

[@AverageDesignDude]

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

[@Saissh7]

@@AverageDesignDude No worries. Thanks.

[@shrutichavan21]

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

[@AverageDesignDude]

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

[@AnandPradeep-z2g]

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

[@quote4every1]

great content.... bring more such tutorials

[@AverageDesignDude]

Thank you, I will

[@jainUnnati]

THIS IS AMAZING

[@ashandimantha6538]

Thank you!

[@mehwishuiux]

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

[@AverageDesignDude]

Thank you so much for your kind words.

[@milanbhimani]

superb content. keeep it up

[@AverageDesignDude]

Thanks a ton ♥️

[@aj-lan284]

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

[@AverageDesignDude]

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]

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

[@agbenyenusemartin2456]

Hell Boss thanks for the video

[@paulplanko]

How does this work in the new Firma ?

[@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]

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.

[@enzoportella4530]

where can i find those icons? They are amazing

[@AverageDesignDude]

Go to Figma community and search Solar Icons.

[@AverageDesignDude]

I also recommend watching this video to add it to figma : kzbin.info/www/bejne/aJanXneiaZiggbc

[@enzoportella4530]

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

[@Arfain22_]

Bro pls share resources of files used in it

[@AverageDesignDude]

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

[@SandyClasher]

can you tell me which icon plugin you are using?

[@AverageDesignDude]

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

[@txblitz68]

Which icon pack are you using brother?

[@AverageDesignDude]

Its Solar Icons, available on Figma Community.

[@Idanofthings]

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

[@AverageDesignDude]

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.

[@AadityaRajbanshi-n5c]

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

[@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 : kzbin.info/www/bejne/aJanXneiaZiggbc

[@sameersaifi1171]

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

[@AverageDesignDude]

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

[@shimwamanahilaire2416]

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

[@AverageDesignDude]

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

[@shimwamanahilaire2416]

Thank you so much 🙏

[@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]

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]

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

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

[@r3dp1ll]

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

[@AverageDesignDude]

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

[@r3dp1ll]

@@AverageDesignDude Thanks for your reply.

[@Carzy_edits_]

I have problems changing the icon its sayinf error help

[@AverageDesignDude]

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

[@alfajr8766]

Pls share this figma file 😊

[@AverageDesignDude]

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

[@alfajr8766]

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

[@STARK50]

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

[@AverageDesignDude]

I will try to make a tutorial for this

[@sebastianf9503]

Do more please

[@AverageDesignDude]

I post every week.

[@divyande5388]

can you create design system tutotial from start to scratch

[@AverageDesignDude]

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]

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

[@agbenyenusemartin2456]

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

[@AverageDesignDude]

Awesome. Will check it out soon and let you know.

[@agbenyenusemartin2456]

@@AverageDesignDude Thanks Boss

[@suryajayarajan42]

how to give scroll effect for clipped items.

[@AverageDesignDude]

I will create a quick video for this soon.

[@amrkld-cv]

where to get this icon bro ?

[@AverageDesignDude]

These are Solar Icons available in Figma Community for Free

[@suryajayarajan42]

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

[@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]

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

[@arupde6320]

be regular

[@AverageDesignDude]

Understood, I post a video every Friday.