Google Sheets Sync
Sync content from Google Sheets directly into your Figma file.
Plugin Preview
About this plugin
This is not an official plugin created by Google • It is simply created with ❤️ by David WilliamesIf you want to support the continued development of this plugin, why not buy me a coffee at: buymeacoffee.com/davewSTEP 1:Make sure your Google Sheets file has a shareable link – click ‘Share > Get shareable link’STEP 2:Name your figma layers appropriately• Add a ‘#’ followed by the name of the value you want to sync• For example: to get the value ‘Title’ – name your text layer ‘#Title’(Note: it is not case sensitive, and will ignore ‘spaces’)STEP 3:Run this plugin, paste your shareable link, and click ‘Sync’--------More documentation: https://docs.sheetssync.app--------SPECIFYING A SPECIFIC SHEET IN THE WORKBOOKYou can choose to use a specific sheet in the workbook by naming the page in your Figma file similar to how you’d name a layer – e.g. Naming your page ‘Page 1 //Properties’ will use the sheet named ‘Properties’ from your Google Sheet.(This also works if you name a frame or group the name of the specific Sheet too.)If you do not name your page accordingly, it will default to using the first Sheet in your Workbook--------USING IMAGESTo dynamically set an image fill on your layer — make sure the value in your Google Sheet for a specific property is an image URL (it must end with ‘.jpg’, ‘.png’ or ‘.gif’). Then make sure you name a Vector/Shape layer with the appropriate name – e.g. ‘#image’--------More details and documentation for advanced usage coming soon...
Plugin Details
| Version | 23 |
|---|---|
| Created | July 24, 2019 |
| Last Updated | March 10, 2026 |
| Category | Software development |
| Creator | Dave Williames |
| Stats | 144449 installs, 5721 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.html
- main:build/plugin.js
- Document Access:dynamic-page
- Network Access:
For fetching images and Google Sheets data.
- Editor Types:figma
- Allowed Domains:
- https://api.sheetssync.app
- https://sheets.googleapis.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.