Now you know how to specify which 'value' to grab from a Spreadsheet by including it in the Layer name. The value may be applied slightly differently depending on the Layer type.
The value will be used to set the content within the text layer.
If the value is a URL starting with
https:// the Plugin will fetch the data from that URL and attempt to convert it to an Image and apply it as the background fill for the layer.
If you want to use an Image uploaded to Google Drive, you can simply paste the Google Drive 'Share link' into the Sheets cell. To get this link; when previewing your image in Google Drive, click the 3 dots in teh top right hand corner and click 'Share'.
Then click 'Change to anyone with the link'
Then Copy the link and paste it into your Google Sheets cell. The Plugin will automatically fomat the URL to download the image into your Figma file
Setting Components with Google Sheets Sync unlocks a whole new possibility of automating your designs.
To change which Component is used; make sure the Layer name of the component instance has a label in it (e.g
#row) and then make sure the Value in the Sheets file is the name of the Main Component you want to swap it with.
For example; if the value in my Spreadsheet is 'Highlighted row' the plugin will attempt to swap the Component instance with a Component named 'Highlighted row'.
As per above you can set a Component Variant in the same way. The key thing to note is how the name of the Variant is structured.
The name of a variant will be structured like:
Property 1=Value, Property 2=Value, Property 3=Value
It must match exactly, and must contain all the Properties (not just a few), and be in the correct order.
For example, if you're Variants were setup like above; and you wanted to change the Component Instance to be a Primary Large Button with an Icon. Then the value in your Sheet would be:
Type=Primary, Size=Large, State=Default, Icon=True