Developers & creators

Spatial Commerce UI/UX Layout Frameworks

Figma Kit, AR Code & Accessibility Blueprint

€490incl. VAT

Digital download. Before checkout you confirm that delivery starts right away, so there's no refund once your download has started. Cancellation policy

Design and ship 3D shopping for headsets, glasses and the mobile web. A Figma spatial layout kit, native-AR "View in your room" code and a spatial accessibility blueprint, built on one unit system. Headsets and smart glasses change three things at once. Shoppers point with their eyes, text floats at a distance that keeps changing, and products can sit in the shopper's room at full size. Flat-screen design systems don't cover any of this.

Module 01 · Figma Spatial Layout Kit

• 3D bounding-box templates for five product size classes (XS–XL), with origin, label and ornament anchors and the viewing distance at which each product fits the comfortable field of view
• Gesture-responsive menus: radial (pinch & hold), palm menu, ornament toolbar, orbiter tab bar, plus an accessible linear context menu
• Floating product display cards in 3 densities × Rest / Gaze / Selected states
• 7 immersive templates: product page with window + volume (Light and Dark Glass), virtual showroom arc, room placement HUD, checkout with hold-to-confirm, colorway compare, mobile-web-to-AR flow
• 69 variables, 20 styles, 19 component sets with 115 variants, 32 glyphs including a gesture notation set
• Tokens for CSS, Swift (visionOS) and Kotlin (Android XR), plus SVG fallbacks and 33 preview boards

Full description in the Shopify store ↗