How to make AR prototype on Figma with Vectary

Mae Kangsadan
3 min readMar 7, 2021

step 1: create vectary account, go to the dashboard > create new project.

step2: create 3D object. You can chose any object on vectary or create new one. In this case, I chose the exsiting object from vectary.

  • click library > star (collection) and chose the metal collection

step 3: Drag the an object from that collection to the frame

step 4: click “viewer” on the right menu > generate the link and copy the link

step5: create a button on your figma file. Click on your button component and chose tap interaction on prototype.

step 6: on interaction details chose on tap > open link and paste the your 3d object link from vectory as desination.

when you test the prototype on desktop and click on the button “View on VR”, it will navigate you to the VR page. If you want to see the VR object on your phone, click VR icon on the top right and scan QR code.

  • ** if you want to test your prototype on your mobile phone. Your VR object won’t appear unless you upgrade your account.

I found that Vectary is nice and easy to create VR oject for web and application. You can definately build VR application or application to show 3D object.

Vectary can export .obj file and use can use it to build game or App on Unity

hope you like this tip and trick.

See the result

Kangsadan Palioudis

--

--