In Figma, you’ll rename your text layers to be the same as the header names that you already setup in your spreadsheet. For example, if you named your spreadsheet headers #Title or #Description, then you would then name your text layers #Title or #Description as well; this will ensure that they are mapped together when the spreadsheet is synced up in the plugin later.

Assigning specific rows to Figma layers

If you would like a Figma layer to sync with a specific row value, you can add the .3 syntax to the end of your Figma layer name, directly after the header name. For example, #Title.3 will always fetch the 3rd row of the #Title column of your spreadsheet.

tip Assigning random rows to Figma layers

If you would like a Figma layer to sync with a random value, you can add an .x to the end of your Figma layer name, directly after the header name. For example, #Title.x will always fetch a random row from the #Title column of your spreadsheet.

Figma image layers

If you’re using the spreadsheet to update image content, you can also rename your Figma image layers with the same spreadsheet header name (eg. #Poster) that contains image URLs in its column’s content rows; your Figma layers will automatically be replaced with image content when the spreadsheet is synced.

Updating (non-text) Figma layer names

If you’d like to rename any non-text Figma layers, you can use the layer name (eg. My Frame) as your column header name, and then add any new names in the rows below it, and any matching Figma layer names will automatically be renamed when the spreadsheet is synced.

Duplicating your Figma layers to repeat the content

After you’ve named the layers in Figma that you’d like to map to your spreadsheet columns, you can now copy/paste your layers into multiple blocks. These will be selected later, and each one will be mapped to a single row in your spreadsheet; this is what allows you to easily create lists or grids with dynamic content in Figma.