FloatGrids, a Spatial Design System for Vision Pro and Beyond

FloatGrids, a Spatial Design System for Vision Pro and Beyond

In the dynamic landscape of design, the evolution of user interfaces has reached new dimensions with the advent of spatial design and extended reality (XR) applications. FloatGrids, a VR and AR design system used by more than 5K designers and developers, has emerged as a revolutionary tool for crafting delightful UI experiences in the 3D realm. Built on the XR Interaction Toolkit and Unity UI, FloatGrids seamlessly integrates with Apple's Vision Pro headset, ushering in a new era for productivity and SaaS applications in XR.

 

The Significance of Design Systems in Spatial Design

Design systems have long been the backbone of UI development, offering consistency, scalability, and speed. As 2D applications have undergone over a decade of evolution and innovation, achieving a visually appealing UI has become second nature. However, transitioning these principles into the spatial design realm introduces a new set of challenges and opportunities. FloatGrids aims to bridge this gap by providing developers with a comprehensive set of tools tailored for XR applications.

 

Unity Editor with a exampe of FLoatGrids UI panel

FloatGrids and Vision Pro

FloatGrids is uniquely positioned to address the demands of spatial design, particularly with the Vision Pro headset from Apple. The system allows designers and developers to seamlessly create and implement UI elements in both Figma and Unity, leveraging the familiarity of Unity's development environment. This not only streamlines the design and development process but also ensures a delightful user experience on Vision Pro and other platforms where Unity can be deployed.

 banner to download FloatGrids

Advantages of Using FloatGrids

The advantages of incorporating FloatGrids into XR design workflows are manifold. Consistency across applications is ensured through the foundational elements provided by FloatGrids, promoting a cohesive and polished user interface. Scalability is achieved effortlessly, thanks to a vast array of UI components and templates that cater to diverse design requirements. The system's commitment to speed is evident in its alignment of the Figma file and Unity package, sharing nomenclatures, UI components, and proportions for a seamless transition between design and development.

 

 A UI panel with a list

Customization and Pixel-Perfect Precision

Recognizing the importance of individuality in design, FloatGrids empowers developers to customize the system according to their preferences. From colors and icons to typography, every aspect of the UI can be tailored to align with the brand identity or specific project requirements. The integration of the Design DMM system in Unity ensures pixel-perfect precision, allowing designers to achieve a level of detail and accuracy crucial for spatial applications.

 

A set of UI components on dark background

Cross-Platform Compatibility

FloatGrids goes beyond Vision Pro, extending its capabilities to other major platforms, including Meta Quest, Pico or Xreal. This cross-platform compatibility amplifies the reach of XR applications developed using FloatGrids, making it a versatile and indispensable tool for developers looking to create immersive experiences across various devices.

 

banner to download FloatGrids

Conclusion

As spatial design continues to redefine the boundaries of user interface development, FloatGrids, used by more than 5K designers and developers, emerges as a pioneering design system, seamlessly blending the worlds of Figma, Unity, and XR applications. With a focus on consistency, scalability, and speed, FloatGrids not only meets the demands of the evolving UI industry but also propels it into a new era of spatial design. Whether designing for Vision Pro, Meta Quest, Pico, or any Unity-compatible platform, FloatGrids empowers developers to create captivating and user-friendly XR applications with unparalleled ease and precision.

Back to blog

Leave a comment