QuickData
Auto-fill & rename text layers from Google Sheets
Plugin Preview
About this plugin
Easily sync your Figma layers with data from a public Google Sheet. Perfect for batch renaming or inserting text into layers based on column headers.
✅ 1. Prepare Your Google Sheet
Set it to public:
File → Share → Anyone with the link
Make sure the first row contains column headers
For best results, freeze the header row
⚙️ 2. In the Plugin
Paste your Google Sheet URL
Preview your data in a table
Use the refresh button to reload updated data
🧩 3. Setup Layers
Name your layers using: #ColumnName
e.g., For a "Name" column → #Name
Spaces & special characters are auto-removed
🔁 4. Sync Your Data
Select the layers you want to update
Click the “Sync” button
🖊️ Text layers: name & content will update
🧱 Other layers: only name updates
🙌 Support Me
If you found this plugin helpful, consider supporting me:
👉 https://jdip19.github.io/support-jdip.html
💬 Have Feedback or Ideas?
📧 Contact me: [email protected]
🔗 Follow me on LinkedIn for UI/UX & plugin design updates:
linkedin.com/in/jaydip-upadhyay-32b231176
Plugin Details
| Version | 2 |
|---|---|
| Created | May 22, 2025 |
| Last Updated | June 12, 2025 |
| Category | Import & export plugins |
| Creator | Jaydip Upadhyay |
| Stats | 4 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://docs.google.com
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