In this article, we'll explore the necessary tools and programs that will help you create unique and visually exciting interfaces for Apple Vision Pro. Let's look at the key software solutions you need to successfully turn your ideas into reality.
3. Pixeldarts General Presentation
Developer tools
First of all, you need Mac and Xcode. Xcode offers an extensive
suite of software development tools, including project
management support, code editors, visual interfaces for your
user experience, etc
Then you need SwiftUI. SwiftUI, combined with RealityKit,
provides built-in support for visionOS. Here you can read an
overview. Discover visionOS
MaterialX is an open standard supported by leading movie
industry, VFX, entertainment, and gaming companies. You can
read more about it here.
4. Pixeldarts General Presentation
Design tools
Last but not least, designers can make the most
of the Bezi spatial design platform, which draws
inspiration from familiar 2D design tools like
Figma and Spline. Start building your prototype
on your desktop, check it out on your mobile, and
then fully experience it in an interactive prototype
with a VR headset or mobile AR device.
5. Pixeldarts General Presentation
How to start
Start with watching the tutorial on integrating
Figma with Bezi or follow our process.
Don't skip tool onboarding, it will ease a kick off.
Create a new file. Add some objects.
Importantly, Bezi support import of 3D objects,
so go explore https://sketchfab.com and bring
them to your Bezi-file.
7. Pixeldarts General Presentation
If you want to work with animations, open the State Machine, create
events on the object to configuring its properties.
9. Pixeldarts General Presentation
Prototypes created in Bezi work flawlessly on desktop computers, mobile AR and
VR headsets, providing a universal user experience across multiple platforms.
10. Pixeldarts General Presentation
How to see
interfaces from
Bezi on Vision Pro
Download the latest version of Xcode from here by
clicking "Download SDK". Open a new project for a
visionOS application in Xcode and start simulator.
In the simulator, open the "Settings" app, then in the
"Apps" tab, select "Safari". Scroll down to the
bottom, and you'll see the "Advanced" item.
11. Pixeldarts General Presentation
On the "Advanced" page, scroll down once more to
reach the bottom where you'll find the "Feature
Flags" section. Toggle on all the WebXR feature
flags.
Restart a simulator and go to Bezi (bezi.com) in Safari
to access your created design files.
12. Pixeldarts General Presentation
Check if "AR Mode" is enabled for your Bezi file in
Bezi Settings.
Now you should be able to run Bezi files like this. Of
course, you can also run your file not only in a
simulator but also on a connected Vision Pro device.