Inside the Figma file, you’ll find local variables that define all parts of the data grid — like colors, spacing, font styles, icon sizes, and more. These variables are organized into three themes: Main, Horizon and Classic each available in both light and dark mode.

Create custom cell renderers to display data with rich HTML content like progress bars or badges.

Apply dynamic styles based on cell values using custom cell renderers.

Select multiple values per cell from a searchable dropdown with chip-based display and overflow indicators.