Table To Figma
Figma plugin
9.3K+ install
create numerous instances from component with ease
Supports importing data from multiple sources, allowing for rapid annotation and naming layers, custom columns style.
1. Online table: Notion / google sheet(public)
2. Local table: csv/excel
3. Copy and paste directly
Use "#xxxx" to rename layer as table header
1. Select the component first
2. Choose "generate from component"
Select the plan that suits your needs and benefit from our figma plugin.
Monthly Subscription
Join 100% Risk-Free, 7 Day Free Trial, then $0.08 per day.
One-time payment
| Features | Description | Free | Premium |
|---|---|---|---|
Import Table Data | |||
| XLSX/CSV | Import from XLSX/CSV/Zip files | ||
| Clipboard | Import from the clipboard | ||
| Google Sheets | Sync from Google Sheets | ||
| Notion | Sync from Notion | ||
| Airtable | Sync from Airtable | ||
Column Mapping | |||
| Text | Map text strings from columns into text layers | ||
| Number | Map numeric values to a variety of design properties | ||
| - Text | Map numbers as text | ||
| - Size | Set width using numeric values | ||
| - Spacing | Use numbers to map spacing between layers | ||
| - Vertical/Horizontal Padding | Set padding in auto-layout frames via numbers | ||
| - Stroke Weight | Map stroke width using numeric values | ||
| - Corner Radius | Customize corner radius of frames with numbers | ||
| Link | Create text layers or interactive hotspots from links | ||
| - Text | Map link URLs into text layers | ||
| - URL | Map link URLs into text layers and insert hyperlinks | ||
| Multiple Select(Tags) | Map choices and multi-selects from columns into design | ||
| - Text | Fill with hyphen-separated text | ||
| - Multi-Layer | Generate layer for each option(tag) | ||
| Date | Map date values into text layers with formatting | ||
| - Format | Retain original or customized date formats | ||
| Image | Map image URLs | ||
| - Text | Map image URLs into text layers | ||
| - Fill | Insert images as layer fills | ||
| - Stroke | Insert images as layer strokes | ||
| Color | Map color values | ||
| - Text | Map Color values into text layers | ||
| - Fill | Apply fill colors to layers | ||
| - Stroke | Apply stroke colors to layers | ||
| Boolean | Insert logic values and rules into designs | ||
| - Text | Map Boolean values into text layers | ||
| - Layer Visibility | Toggle layer visibility based on boolean value | ||
| Component Variant | Map component variants | ||
| - Text | Map component variants into text layers | ||
| - Component Variant Properties | Map component variant properties | ||
Generate Designs | |||
| Simple Table | Create simple table | ||
| Selected Layers or Components | Generate designs based on selected layers or components | ||
| Update Existing Designs | Refresh designs that have already been generated | ||
Additional | |||
| Quick Rename Layer | Rename layers with a single click | ||
| Quick Create Frame With Row Data | Create frames with row data | ||
| Apply Cell Values To Layers Quickly | Apply cell values to layers quickly | ||
| Sync Multiple Tables of Google Sheets/Airtable | Sync multiple Google Sheets or Airtable | ||
| Table Data Caching | Cache table data locally | ||
| Generate Settings | |||
| - Vertical Layout | Generate designs with a vertical layout | ||
| - Horizontal Layout | Create designs with a horizontal layout | ||
| - Wrap layout | Create designs with a wrap layout | ||