Comment on page


There are 3 basics steps you need to follow to install FloatGrids in Unity. As for Figma, nothing to install, just get the file!

Download FloatGrids

Download the Unity package to start implementing FloatGrids. Download the Figma file to start designing your app. Remember, all the font styles, color names, icons, layouts and UI components exists in both Figma and Unity under the same nomenclature.

Installing FloatGrids in Unity

1. Install text Mesh Pro

FloatGrids uses a custom Text Mesh Pro style sheet to manage text styles. FloatGrids has 12 font styles already defined. You'll be able to select the font style you want directly from the Inspector.
In Unity, go to Window/Package Manager and install Text Mesh Pro. Be sure to Import Text Mesh Pro Essentials.

2. Assign font

Go to Edit/Project Settings/Text Mesh Pro/Settings. In the Default Font Asset section, select the Regular style of any of the FloatGrids ready-to-use font.
Be sure to choose the Rgular variant in the dropdown

3. Assign FloatGrids Style Sheet

Scroll down until the Default Style Sheet section. Select FloatGrids Style Sheet. Type it if it doesn't appears.
Click Play to see the changes applied.
If you were already using a TMP font and you still don't see the new font applied. Delete the current one from the entire project so you force Unity to replace the deleted one by the one you just defined.
Apply the FloatGrids Style Sheet in order to FloatGrids to work properly

📐Technical considerations

  • FloatGrids works with any render pipeline. Use URP for a high quality visuals.
  • FloatGrids uses Text Mesh Pro with a customized Style Sheet. Find it in the Editor folder as FloatGrids Color Palette
  • FloatGrids uses a build-in color palette with all the colors defined. Find it in the Editor folder as FloatGrids Text Style Sheet