By default, images imported into spaces automatically adjust to the size of the user. This is typically okay for environmental elements. But it's not always useful when importing elements with precise measurements like menus and user interfaces.

Tip: From the Preview window, toggle on UI Element in order to set a fixed pixel density for your images

The scale of imported images from Figma will be dependent on the pixel density and relative to the world size. This will allow designers to import all their building blocks at a consistent size.

You just need to choose how far away from the user you plan to place your interfaces. For this distance, the image size will be automatically calculated so that the texture pixel matches the screen pixel 1 to 1. This is optimal for getting the best possible image quality and clarity in VR.

To check the result, make sure that your size is 100% and that you are at the selected distance from your interfaces. If you are satisfied with the distance, but want to increase or decrease the size, we recommend re-exporting your textures at a larger or smaller size, to keep the correct Pixel Density.

We also recommend that you do not export all the interface elements at once, but first do a test with a couple of images at your ideal distance. Once you confirm that it looks good, export all the other elements from your graphics editor.

Last updated