Spreadsheet to Figma
Easily merge spreadsheet data with any selection
Plugin Preview
About this plugin
Sync content from Google Sheets directly into your Figma file.Step 1Prepare your figma design. Aptly name your layers, cause they will be referenced by name in your spreadsheet!Step 2Prepare your google spreadsheet:reserve first row for headingseach row will be a copy of the designEach column name should be: layer_name.layer_property (examples: rectangle.fill, client.text)Available properties:x : numbery : numbertx: number (translate x)ty: number (translate y)width : numberheight: numberrotation: numberfill : image url or hex colorinstance : component nametext: stringstroke_weight: numberstroke_color: hex colorhidden: booleanvisible: booleanStep 3Make the spreadsheet public and copy the urlStep 4Open the pluginPaste the urlSelect the layerSmash that big orange button!For supportHit bbtgnn.net!
Plugin Details
| Version | 21 |
|---|---|
| Created | March 5, 2025 |
| Last Updated | March 13, 2026 |
| Category | Import & export plugins |
| Creator | Giovanni Abbatepaolo |
| Stats | 52 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:main.js
- Document Access:dynamic-page
- Network Access:
This plugin needs to access the internet to load images from the web.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML