Carbon Data Table

About this plugin

Interactive table builder

1. Visual grid editor with live editing
2. Add/remove rows and columns dynamically
3. Supports up to 12 columns and 13 rows (1 header + 12 data rows)
4. Inline cell editing with instant updates
5. Smart data normalization and validation

AI-powered table generation

1. Generate table data with natural language prompts
2. Powered by IBM watsonx AI
3. Customizable row and column counts or let AI decide
4. Default: 6 columns × 5 data rows when not specified
5. Fast generation with optimized prompts
6. Automatic JSON parsing and data formatting

Multiple table variants

1. Default: Standard data table
2. Select Checkbox: Row selection with checkboxes
3. Select Radio: Row selection with radio buttons
4. Expandable rows (Default & Checkbox variants)
5. Batch actions bar (Checkbox variant)
6. Easy variant switching with component swapping

Flexible pagination

1. Advanced: Items per page, total items, total pages
2. Simple: Current page display
3. Unbound: Current page without totals
4. Customizable pagination text values
5. Automatic pagination component updates

Import data from files

1. CSV, XLSX (Excel), and JSON support
2. Automatic parsing and grid population
3. File validation (50KB max file size)
4. Handles multiple data formats:
5. Arrays of arrays
6. Arrays of objects
7. Single objects with nested data
8. Smart data truncation for large files
9. Automatic header detection

Extract from existing tables

1. Select any Carbon Data Table component
2. Automatically extracts all cell values
3. Detects variant settings (default/checkbox/radio)
4. Extracts pagination configuration
5. Populates the editor for quick edits
6. Preserves table structure and formatting

Modify existing tables

1. Update content, variants, and pagination
2. Swap component variants seamlessly
3. Preserve existing styling and positioning
4. Update cell values without recreating tables
5. Maintain table relationships and instances

Smart library detection

1. Automatic library availability checking
2. Helpful setup instructions when library is missing
3. Visual warning callout with step-by-step guide
4. Strict verification before allowing operations
5. Prevents errors with proactive checks

Smart theming

1. Auto dark/light mode matching Figma's theme
2. Seamless visual integration
3. Consistent with Figma's design language

Uses official IBM Carbon Design System components

1. Authentic Carbon components
2. Maintains design system consistency
3. Production-ready table components

How to use

1. Enable the Carbon Design System library in your Figma file (plugin shows setup instructions if needed)
2. Open the plugin and choose your method:
3. Build manually with the grid editor
4. Upload a CSV, XLSX, or JSON file
5. Generate with AI using natural language
6. Fetch data from an existing table
7. Configure variants, pagination, and content
8. Insert new tables or modify existing ones on your canvas

Perfect for

1. Designers building data-heavy interfaces
2. Teams using IBM Carbon Design System
3. Projects requiring consistent table components
4. Quick prototyping of data tables
5. Importing data from spreadsheets and databases
6. AI-assisted table generation for rapid iteration
7. Maintaining design system compliance

Requirements

1. Carbon Design System library enabled in your Figma file (plugin provides setup guide)
2. Files up to 50KB for uploads
3. Maximum 13 rows and 12 columns per table