Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Sync CSV spreadsheet content to Figma - This video shows how to install the CopyDoc Figma plugin and use its Sync Spreadsheet Content feature to populate repeated Figma layers from a CSV file. It demonstrates matching CSV headers to Figma layer names so text and image content can be synced across multiple duplicated designs.. Machine-readable page: /copydoc/tutorials/sync-csv-spreadsheet-content-to-figma.md.

Sync CSV spreadsheet content to Figma

This video shows how to install the CopyDoc Figma plugin and use its Sync Spreadsheet Content feature to populate repeated Figma layers from a CSV file. It demonstrates matching CSV headers to Figma layer names so text and image content can be synced across multiple duplicated designs.

← Back to CopyDoc Video Tutorials

What this video covers

This video shows how to install the CopyDoc Figma plugin and use its Sync Spreadsheet Content feature to populate repeated Figma layers from a CSV file. It demonstrates matching CSV headers to Figma layer names so text and image content can be synced across multiple duplicated designs.

Things you'll need

  • Figma
  • CopyDoc Figma plugin
  • A CSV spreadsheet file

Steps

  1. Install CopyDoc from the Figma Community Plugins tab.
  2. Prepare a CSV spreadsheet where the first row contains headers that match Figma layer names such as #Title, #Reviews, and #Poster.
  3. Add content rows to the CSV, including image URLs for image fields, then save the file as .csv.
  4. Open the CopyDoc plugin in Figma by right-clicking the canvas and choosing Plugins > CopyDoc.
  5. Click Sync Content, then drag and drop the CSV file into the plugin to load the headers and preview the rows.
  6. Duplicate the original component or other repeatable Figma layer for each spreadsheet row, then select all of the duplicated layers.
  7. Click Sync Spreadsheet Rows with Figma Layers to replace matching text and image layers with content from each CSV row.

Useful links