Learn ShapesXR
HomeGet AppDashboard
  • About ShapesXR
  • Pricing Limitations FAQ
  • Getting Started
    • Sign In
    • Compatible VR Headsets and downloading
    • Free or Paid
    • Performance limitations
  • Tutorial Series
  • Basics
    • Lobby
    • Movement/Locomotion
    • Scenes
    • Viewpoints
    • Undo/Redo
    • Environment
    • Settings
    • Space links
  • Objects Creation
    • Tools and Toolbar
    • Shape Tool
    • Assets Library
    • Draw tool
    • Text Tool
    • Paint tool
  • Objects Manipulation
    • Basic manupulation
    • Gizmo
    • Snapping
    • Grouping
  • Object Inspector
    • Material Customization in Object Inspector
  • Collaboration
  • Mixed Reality & Passthrough
    • MR mode (Passthrough mode)
    • Room-scale mode
    • Room-scale collaboration
    • AR Headset simulation
  • Prototyping
    • Interactivity and Play mode
    • Gaze & Pinch interaction
    • How to prototype with sounds
    • Attach to body
  • Figma Import
  • Import
    • Uploading and using your assets
    • Limits and recommendations
    • Centering and adjusting the scale and rotation of imported models
    • Figma integration
    • File management (folders)
    • 3D Models importing tips
    • Images importing tips
    • Import FAQ
  • Export & Sharing
    • Export as 3D model
    • Sharing spaces via app/web
    • How to embed spaces
    • Unity Integration
    • Taking photos
    • How to import into Unreal Engine 5
  • Presentation
  • Copy & Paste
  • Holonotes
  • Project Management
  • Web Editor
    • Controls
    • Follow mode
  • Guides
    • Pro license administration
    • Business license activation
    • Education license activation
    • Email change guide
Powered by GitBook
On this page
  1. Import

Images importing tips

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.

Previous3D Models importing tipsNextImport FAQ

Last updated 10 months ago