Google Sheets Sync
by Dave
Sync content from Google Sheets directly into your Figma file.
Installs
147,606
Likes
5,944
Users
222,180
Views
337,462
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...
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.