This section explains how to use the visionOS simulator in Xcode, targeting Apple Silicon-based Macs (M1/M2/M3), requiring macOS 14 or higher.
Required Environment
- Xcode (if you want to use visionOS simulator)
- Xcode 15.3 or later
- Mac with Apple Silicon (M1/M2/M3)
- macOS: version 14 or higher
How to check macOS chip/OS version for Xcode
Select Apple icon > System Settings
![Image3](https://styly.cc/wp-content/uploads/2024/05/image3-8.png)
Select General > Info.
![Image6](https://styly.cc/wp-content/uploads/2024/05/image6-6.png)
Confirm that the chip is Apple M1/M2/M3 and macOS version is 14 or higher.
![Image2](https://styly.cc/wp-content/uploads/2024/05/image2-7.png)
Install Xcode
Please install from Xcode.
![Image1](https://styly.cc/wp-content/uploads/2024/05/image1-10.png)
Launch Xcode visionOS simulator
Launch Xcode.
On the Select the platforms you would like to develop for screen, check visionOS and click the Download&Install button.
![Image9](https://styly.cc/wp-content/uploads/2024/05/image9-7.png)
Launch the Xcode visionOS simulator from Xcode > Open Developer Tool > Simulator.
![Image13](https://styly.cc/wp-content/uploads/2024/05/image13-6.png)
Install STYLY for Vision Pro in Xcode visionOS simulator
Download the STYLY app (for Vision OS simulator) STYLY-Vision-OS-App.zip, unzip the zip file and drag & drop the STYLY-Vision-OS-App into the Simulator to install.
![Image12](https://styly.cc/wp-content/uploads/2024/05/image12-8.png)
Check the contents on Xcode visionOS simulator
Copy the URL of the site that appears after uploading the STYLY file.
![Image15](https://styly.cc/wp-content/uploads/2024/05/image15-8.png)
Click Safari on the Simulator.
![Image7](https://styly.cc/wp-content/uploads/2024/05/image7-7.png)
Paste the copied URL into the search form field of Safari.
![Image14](https://styly.cc/wp-content/uploads/2024/05/image14-10.png)
Click the Play on Apple Vision Pro button.
![Image8](https://styly.cc/wp-content/uploads/2024/05/image8-7.png)
Click Open.
![Image5](https://styly.cc/wp-content/uploads/2024/05/image5-10.png)
Lighting effects may not be properly reflected.
![Image11](https://styly.cc/wp-content/uploads/2024/05/image11-7.png)
Switch scenes in Simulated Scenes.
![Image10](https://styly.cc/wp-content/uploads/2024/05/image10-9.png)
Lighting is now properly reflected.
![Image4](https://styly.cc/wp-content/uploads/2024/05/image4-8.png)
![Exported with Wordable](https://app.wordable.io/branding/long-white-bg.png)