If you'd like to use images in your spreadsheet that will get added to your non-text Figma layers, you can paste any image URLs that begin with http:// or https:// (or you can also use an inline <svg></svg> HTML tag), and the CopyDoc plugin will automatically assume that they're being used as images. Please also ensure you name your image column header to be the same as your Figma image layers (eg. #Poster).
| #Poster |
|---|
| https://i.redd.it/3fl2s0q1ug661.jpg |
| https://i.redd.it/3fl2s0q1ug661.jpg |
| https://i.redd.it/3fl2s0q1ug661.jpg |
Sync local image files from your computer via XLSX import
Video Tutorial: Sync a folder of images to Figma layers via a spreadsheet
Video Tutorial: Sync SVG icons from a spreadsheet to your Figma layers
If you prefer to use images already saved to your computer, instead of image URLs online, you can do this by zipping your images along with your XLSX file.
If you need a hand with this, please follow our step-by-step video tutorials (above) on how to sync a folder of images to your Figma layers via an XLSX spreadsheet.
Auto repeat a single Figma layer with your spreadsheet rows
When using the Content or Styles sync tab options, you can automatically repeat a single Figma layer by enabling the Auto Repeat toggle, which will automatically copy the original selected Figma layer and duplicate it as many times as the number of rows that your spreadsheet data contains.
If your selected Figma layer is already directly inside of another Figma layer with Auto Layout enabled, the selected layer will automatically be duplicated inside of that parent layer, otherwise, CopyDoc will create a brand new Auto Layout frame and duplicate your new Figma layers there instead.
Dynamic auto-repeating parent layer names
If you'd like to dynamically name the new auto-repeating Figma layer from your spreadsheet data, too, you can do this by ensuring the Figma layer name that you're repeating (eg. #Title) matches a column in the spreadsheet that you're syncing; this will automatically use the value from each row under the #Title column in your spreadsheet as the layer name for each duplicated Figma layer.
If there's no matching layer name in your spreadsheet, the CopyDoc plugin will take the original Figma layer name and append a row number to it (eg. My Frame Layer (Row 3)) instead.