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 |
Video files are also supported for paid Figma plans. As per Figma's documentation for native video support, if you're running CopyDoc in a Figma file that's on a paid Figma plan (Education, Professional, Organization, or Enterprise team), you'll also be able to sync videos in the same way as the example of syncing images above. Videos files can be up to 100mb in size and in .mp4, .mov or .webm format.
Sync local image files from your computer via XLSX import
Video Tutorial: Sync a folder of images to Figma layers via a spreadsheet
This video tutorial is a complete step-by-step guide showing you how to sync an images folder with Figma layers using a spreadsheet with the CopyDoc plugin.
Video Tutorial: Sync SVG icons from a spreadsheet to your Figma layers
This video tutorial is a complete step-by-step guide showing you how to sync SVG icons from a spreadsheet to your Figma layers with the CopyDoc plugin.
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.
Zip encoding for image files with special characters. If you're zipping local image files with characters like "æøå" (eg. Læge.png), please ensure that the zip file has the correct encoding, as otherwise these characters will be removed or replaced automatically and won't match up with the same filenames in your spreadsheet. If you're on Mac, just using right-click -> "Compress" should be fine, and if you're using Windows, the WinRAR app should do this correctly.
2gb maximum size limit for local zip files. Please note that due to the browser's 2gb (gigabyte) memory limit per tab (which the Figma app and browser version are both limited to), any .zip files containing local images that you're dropping into CopyDoc for syncing content must be below 2gb (gigabytes), otherwise the content won't be loaded due to exceeding the memory limit for unzipping the file in the plugin.
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.