Figma Real VR Tutorial! - Create Amazing VR Experiences in Figma

In today's video we are creating a real VR experience in Figma using the Draft XR plugin. This is a very impressive and easy to do technique in Figma design.
Base template file: www.figma.com/file/ovAUPuOn6Q...
My final file: www.figma.com/file/t9Fe4LOzie...
Video chapters
0:00 Introduction
0:10 Setting Layout
3:28 Final Designs
5:56 Prototyping VR
Get the equipment I use:
1. Mic: amzn.to/3b2OQa5
2. Camera: amzn.to/3rJzPj6
3. Macbook Pro: amzn.to/3aYeD30
4. Asus Gaming Laptop: amzn.to/2Mj4cN7
5. Pop filter: amzn.to/3aYfReC
For Sponsorship: [e-mail]
Follow Me on Twitter:
/ punitweb
Follow me on Medium:
/ punitweb
My Behance Profile:
www.behance.net/punitweb
#figma #vr #design

[@Nashi_BORN_STUDIOS]

Fast, well explained, clear, easy! You have it all, thanks!

[@PunitChawla]

Thank you! Happy you liked it :D

[@JainamSutaria777]

This is really amazing thank you Punit

[@frictiongraphics116]

I was thinking how to make website to the vr viewers. I am happy that u helped me with this video Almost of ur videos are informative and helping me at the exact time of necessary ❤️ Thankyou 😀

[@ducky7jas]

This was an extremely well explained video. Thanks

[@kayaar4048]

'Hi Punit, that was an awesome quick tutorial. I think for the plugin, they could think of a zoom in and out option ? Would that be viable or required ?

[@jhay_vine5083]

This is amazing !

[@akashghadi8131]

Amazing video💗

[@ashishparkinson2]

Loved it !!!

[@monachrome3837]

really amazing!!

[@shubhiagrawal9885]

Just wow, now am going to try this 😁 Plz make some more tutorial on anima too..

[@ahmedyahya3593]

Unbelievable amazing Thank you very much

[@PunitChawla]

Thank you very much!

[@krrishaanu]

Thank you so much sir ❤

[@Ungalukku_oru_vishayam_sollata]

Thanks for your efforts 🤠

[@PunitChawla]

Well, I love what I do! Thank you for appreciating :D

[@AnshMehraa]

good tutorial!

[@learningschool9320]

Aap bhi kha kam ho Ansh bhai;)👌✌ I'm watching your 15 days UI/UX series.. Totally Awesome😊

[@PunitChawla]

Hey thanks Ansh! We need to get on a colab soon!

[@AnshMehraa]

@@PunitChawla any time bro

[@kelvinedionwe]

This is great.

[@shahbazlatif8435]

Just Amazing

[@miayestone2316]

Dude, you just save my brain...thank you

[@PunitChawla]

Hahah thanks! Glad I could help

[@MarkWhiteartist]

You post the best content. I got my first job in UX design with the help of your videos

[@hectorramos9242]

How long did it take you? I’ve been doing this for a while no job 😞

[@MarkWhiteartist]

@@hectorramos9242 The first job is always hard to land but don’t lose hope. It took me over 200 applications to get only 2 call backs. 4 months of non-stop grinding later and I got a job at a great company on my birthday and now over a year later I get more messages from recruiters then I can count. There’s no magic formula, it’s simple probability, knock on enough doors and eventually someone will open. You got this!

[@hectorramos9242]

@@MarkWhiteartist congratulations to you!

[@PunitChawla]

Thanks Mark! I'm glad I could leave an impact on your life. Congratulations for the life update 👌👌

[@nehamankar3686]

Hi Punit, Thank You for introducing to new and interesting Plugins. I was trying the same plugin but it showed no results after the draft was published. Could you give some suggestions?

[@Joshi_Bhai]

You are Awsome buddy...

[@explaiener-by-ai]

It's increadible

[@amolbharambe8827]

Can we run this type of prototype with AR glasses? Is there any specific tool available for creating AR environmental design and prototype ?

[@DesigningTutorialsQ]

Thank u sir... 🥰

[@epicgreen08]

Thanks for this amazing guide. But i have one issue which is that when I link one of the view to the other view and try clicking it when viewing in VR mode, nothing happens. I heard that It has something to do with overlay, whats your advise on this?

[@leia.w]

Amazing, thank you so much.. I don't get that last image in full though.. it's just cropped and looks weird. But everything else worked fine :)

[@PunitChawla]

Some weird kinks we need to find a workaround for

[@nithish9255]

Wow!!!

[@Techdesignmuchmore]

Cool

[@antfr1993]

I know the artboard size is 3600 by 1800 for 360 images for vr, but the recommended view is 1200 by 600. I was new to designing for VR and didn't know any better but I made the artboards 1200 by 600. I figured it might be easier to make and illustrate red routes flows but now I find myself having to re-adjust the artboards to prototype. I know for making the red routes flow I would have to the images really big and have to crop for anyone to see the viewable UI (1200 by 600). What is the best work flow to make VR red routes and prototype? Right now I'm just making a copies of all my red routes and enlarging the copied frames to 3600 by 1800 to prototype. If I started with making the frames at 3600 by 1800 before making the red routes, is there easy way to crop and export the UI (1200 by 600) view? I figure just make a rectangle in the 3600 by 1800 frame with no fill but stroke to show the 1200 by 600. Then export as png. Then crop to the stroke line (1200 by 600). Is there a better way?

[@rehuelgrace]

when I do "publish draft" on draftXR, but not direct to new page. can i know why this is happening? what should i do to fix it?

[@guillermocastrof]

Does anyone have insights on how to design a UI in Figma and then simulate it in a real-world environment, like your room, through your phone?

[@vsvnrajashekar4336]

Hi , punit.prototyping is not working properly after running the plugin.please help me out

[@davidcendana2302]

Needed this. Is there any way to put 3d objects and adjust the depth of the objects in XR view?

[@PunitChawla]

I'd suggest trying spline app

[@Tobi154]

Where can i get the VR images?

[@jeffnevels6459]

The Draft XR plugin doesn't seem to work properly, when I publish my drafts, the layout of the elements are all over the place and not in the same positions I designed in Figma. Any advice?

[@PunitChawla]

Yup, you will have to group and flatten SVG elements, text, etc to try

[@ManjinderSinghKainth]

Amazing stuff, how can we see that on our VR devices?

[@ManjinderSinghKainth]

Also, the PAY NOW button didn't show up in the VR view.

[@smilli6415]

its just blank on new page .. any one had same issue ?

[@bodapremchand3307]

How to open this link in VR headset? Anyone?

[@notBLK7]

First!

[@harshchaudhary8448]

Brother DraftXR is showing error while creating draft. And please explain the steps by solving them a little more, you have done it more quickly , due to which there is a problem in understanding the steps

[@PunitChawla]

You'll have to create a new account. For some reason, they only allow you to create one draft

[@CaesarFernandesMusic]

the plugin is buggy, doesnt work..not sure how you got it to work

[@harshuu00]

Where did the play button go in prototype?

[@PunitChawla]

Cause it's playing in the browser and not in Figma

[@AlisterDiaz]

How Can I use That spotlight to search plugins?

[@PunitChawla]

Ctrl+P or Cmd+P on the keyboard

[@AlisterDiaz]

@@PunitChawla oh thanks man!

[@RomainJet]

This message "All Artboards must be (W) 1920 x (H) 1080" even if my Art Board dimension is good :/

[@PunitChawla]

Do check the dimensions or make new artboards once

[@CaesarFernandesMusic]

the plugin says please create artboard with w:1920 x h: 1080.. error, even though thats my artboard size?

[@anshulgora922]

draft Xr is showing 500 internal Server error !! What to do !

[@RomainJet]

I seem like you have interaction to none , it happen to me it was it if it can help 😉

[@anshulgora922]

@@RomainJet Thanks for reply !! As all interactions were proper but problem was in that plugin. I uninstalled that plugin and than run directly So, It worked after that.

[@PunitChawla]

It's a little buggy for sure

[@mohammadshameer4302]

not working bro

[@smilli6415]

its didnt work

[@CaesarFernandesMusic]

everything went well until 7:10 where the plugin suggested is buggy and doesnt work

[@leighnorman2579]

PЯӨMӨƧM

[@amruth8668]

Thank you sir ♥️