FloatGrids Documentation
  • 🌍Go to floatgrids.com
  • 💬Get support on Discord
  • GETTING STARTED
    • Installation
    • Overview
    • Figma file
    • Demo
    • XR UI design guidelines
    • Tutorials
  • Features
    • Customization Overview
    • Color Palette
    • Typography
    • Corners
    • UI Components
    • Icons
    • Logo
    • UX Resources
  • UI Components
    • Overview
    • Alert
    • Badges
    • Button
    • Card
    • Checkbox
    • Contextual Menu
    • Divider
    • Dropdown
    • Empty State
    • Keyboard and keypad (WIP)
    • List
    • Navigation
    • Modal
    • Panel
    • Profile Image
    • Progress
    • Radio Group
    • Slider
    • Text Field
    • Table
    • Tooltip
    • Toggle
  • Views
    • Onboarding View
    • Gallery View
    • Sidebar view
    • Settings View
    • Navbar Panel
  • Layouts
    • Layouts
Powered by GitBook
On this page

Was this helpful?

  1. GETTING STARTED

Figma file

FloatGrids Figma file is a component based file. It uses variants and Interactive components, all the interactions between components are already done.

PreviousOverviewNextDemo

Last updated 1 year ago

Was this helpful?

Learn how to design for XR using the Figma file

In the FloatGrids Figma file you'll find recommendations, examples and best practices about how to design UI for XR apps. You'll learn concepts such as distances, focus area, text sizes or components sizes.

Cover

Download FloatGrids Figma file

7 ready-to-use layouts
FloatGrids foundations
10 different button styles
Attention areas guidelines