GenTable

About this plugin

Instead of manually building tables row by row, GenTable uses AI to generate complete, styled tables from CSV and natural language descriptions.

What makes GenTable special:

🤖 AI-Powered Generation:

Describe the table you need in plain English, and GenTable uses Google's Gemini AI to generate realistic CSV data. GenTable provides the nesesary information about the cell compoents you have to Gemini, so it knows which cells to use.

🎨 Component Mapping System:

Map your existing Figma components (buttons, chips, status indicators, icons, etc.) to reusable cell types. Once mapped, you can reference them in your tables using a simple syntax like Status::Chip or Actions::Button. The format used in the CSV is:

1. [Visible text in header]::[Component name]
2. [Visible text in cell]::[Variant name]

📊 Intelligent Table Building:

GenTable automatically builds tables with:

1. Configurable row striping (odd/even row colours)
2. Customisable border styles
3. Toggle easily between horizontal and vertical layouts
4. Component variant support for dynamic cell content

⚙️ Flexible & Reusable:

1. Export and import configurations for team collaboration
2. Persistent storage of mappings and settings
3. Support for component variants and properties

Perfect for:

1. Designers creating data-heavy interfaces (dashboards, admin panels, reports)
2. Teams building design systems with consistent table components
3. Anyone who needs to quickly generate realistic table data for prototypes
4. Designers working with complex data tables who want to save time

How it works:

1. Map your Figma components to cell types (e.g., "Chip", "Button", "Status")
2. Describe your table in natural language or paste CSV data or a bit of both
3. GenTable generates the data and builds a fully styled table in Figma
4. Customise styling, export configurations, and reuse across projects