Figma Table
Figma Table
Preview
Figma Table
Figma Table Component
The Table component organizes data into rows and columns, mimicking the familiar spreadsheet layout for easy comprehension and analysis. Our Table UI provides two structure variants, with a row and column-based Auto layout approach.
Test both Auto Layout options to see which works better for your data - they stack differently;
Build custom tables by stacking individual cells - each one can have its own unique style.
Table Anatomy
| Set | Variants | Properties |
|---|---|---|
| TableCell | 30 | Type Progress, Toggle, Avatar, Checkbox, TextSize Large, Medium, SmallState Focused, Default |
| TableHeader | 2 | Type Icon, Checkbox |
Table has no single variant set. You build it from TableCell and TableHeader.
The file includes Rows and Columns example boards.
Copy to Figma
| Set | Copy to Figma |
|---|---|
| Examples - Rows | |
| Examples - Columns |
Figma Table
Table
figma table template
figma table component
tables design examples
Interactive component















