Sheets to Layers

About this plugin

Populate your Figma designs with real content from Google Sheets. Update text, swap components, load images, and style layers directly from your spreadsheet data.

📊 What You Can Do

1. Bind text layers to spreadsheet columns with simple #ColumnName syntax.
2. Fill shapes with images from URLs in your sheet with support for Google Drive, Dropbox, and direct links.
3. Automatically swap component instances based on cell values, including variant support.
4. Use @# on auto-layout frames to duplicate children to match your data row count.
5. Apply colors, opacity, dimensions, rotation, and text properties directly from spreadsheet values.
6. Pull data from different tabs in a single sheet using // WorksheetName syntax.
7. Choose specific rows, auto-increment through data, or randomize selections.
8. Click cells in the data preview to instantly bind layers.
9. One-click refresh when your spreadsheet data changes.

Works with any public Google Sheet. Just paste your share link and sync.

🛝 Check out the Sheets to Layers playground file to get started

📖 See full documentation for all features and functionality

✨ Inspired by the original Google Sheets Sync plugin created by Dave Williames