If you’ve created your spreadsheet as either a .csv or .xlsx file, you can sync it with your Figma design by clicking on the Sync Spreadsheet button in the main CopyDoc plugin screen, which will open up the settings panel for this feature.

You can preview your spreadsheet contents by either dragging and dropping your correctly structured .csv or .xlsx file into the Sync XLSX/CSV File dropzone area, or by clicking on it and selecting the file manually by browsing for it on your computer.

Ensure that you select at least one layer in Figma that contains renamed layers to match your spreadsheet headers, and then click on the Sync Spreadsheet Rows with Figma Layers button. This will sync the content from your spreadsheet with your selected renamed Figma layers.

Importing CSV/XLSX spreadsheet to a Figma table

As well as syncing spreadsheet rows with Figma layers from a spreadsheet, the Sync Spreadsheet Content feature in CopyDoc allows you to sync repeatable text and image content from multiple rows from any spreadsheet (which can be an .xlsx/.csv file or a public Google Sheet URL) to your selected Figma layers.

Regardless of if you’re using an XLSX, CSV or Google Sheet for your spreadsheet, the structure is always the same; the very first row (or the “header”) of your spreadsheet is used as the first header row of the table (as the “component” row), and any rows underneath will become instances of that first header.

You can preview your spreadsheet contents by either dragging and dropping your correctly structured .csv or .xlsx file into the Sync XLSX/CSV File dropzone area, or by clicking on it and selecting the file manually by browsing for it on your computer.

Once the preview has loaded, and then click on the Generate a table in Figma from this spreadsheet button. This will import the content from your spreadsheet into a table on your current Figma page.