Sheets to Figma
Easily sync your designs with Sheets to Figma — import Google Sheets or Excel data by hashtags.
Plugin Preview
About this plugin
Bring your data — and visuals — to life with Sheets to Figma, the ultimate bridge between spreadsheets and creative design.
This plugin connects your Google Sheets or Excel data directly to your Figma projects, automatically updating text and images by hashtags. Whether you’re managing product catalogs, marketing materials, or localization projects, Sheets to Figma helps you keep every element in perfect sync — no manual edits required.
🚀 What is Sheets to Figma
Sheets to Figma is a smart automation tool that links structured spreadsheet data to your design content. With just a few clicks, it imports text, numbers, and even image URLs from your Google Sheets or Excel files and updates your Figma project accordingly. It’s the simplest way to keep your layouts up to date and aligned with real data sources.
🧩 Supported formats and sync directions
The plugin supports a wide range of data sources and workflows:
Google sheet to Figma — sync live content directly from online spreadsheets.
Figma to Google Sheets — export text data from your design back to the sheet.
Excel to Figma — import .xls or .xlsx files for offline work.
Excel sheets to Figma project — connect multi-tab documents with complex data.
Excel data to Figma — map structured fields directly to design layers.
XLS to Figma / XLSX to Figma — maintain flexibility between local and cloud setups.
Whether you work online or offline, the plugin ensures smooth, bidirectional synchronization.
🧠 How it works
Each Figma text field or image can be connected to a column in your spreadsheet using a simple hashtag system. For example:
Text field: #product_name, #price
Image field: #image_url
Once linked, Sheets to Figma scans your Figma project, finds all layers with matching hashtags, and automatically updates them based on your spreadsheet content.
✅ Example:
If your Google Sheet has columns “product_name”, “price”, and “image_url”, and your Figma project contains text or image layers with corresponding hashtags (#product_name, #price, #image_url), clicking Import replaces all of them instantly — text and images alike.
🖼️ Image replacement
Beyond text, Sheets to Figma can dynamically replace images in your design.
Just include image links (e.g., hosted URLs or cloud storage links) in your Google Sheets or Excel file, and the plugin will update the corresponding frames or layers in Figma.
This feature is ideal for:
📌 Product galleries with changing visuals.
📌 Marketing banners with seasonal images.
📌 E-commerce mockups with real product photos.
📌 Social media templates that reuse layout but swap visuals.
📊 Key features
• Import data from Google sheet to Figma in seconds.
• Work offline with Excel to Figma integration.
• Sync both text and images automatically.
• Export changes from Figma to Google Sheets for collaboration.
• Connect excel sheets to Figma project with multiple tabs.
• Handle .xls, .xlsx, and live excel data to Figma pipelines.
• Replace hundreds of text or image layers with one click.
💡 Real-world scenarios
Product catalogs and price lists that need frequent updates.
Marketing visuals with regional or seasonal changes.
Dynamic design templates for content automation.
Localization projects where each language version uses the same layout.
Dashboard mockups with real metrics pulled from spreadsheets.
🔁 Two-way synchronization
Sheets to Figma supports import and export directions, making it a complete data bridge.
You can pull structured data from Google sheet to Figma, or push updates from Figma to Google Sheets to keep your content centralized.
➤ Edit text and images in Sheets → Sync to Figma.
➤ Adjust labels in Figma → Export back to Sheets.
This flexibility ensures every team member — designer, marketer, or content editor — works in harmony.
⚙️ Setup in three steps
1️⃣ Add hashtags to your text or image layers (e.g., #title, #image_url).
2️⃣ Insert your Google Sheet link or upload an Excel file (.xls, .xlsx).
3️⃣ Click Import to apply all updates instantly — text, prices, and images included.
🌐 Perfect for collaborative teams
Teams love Sheets to Figma because it connects the tools everyone already uses.
Designers stay in Figma, while content editors or marketers update data directly in Google Sheets. No more endless copy-pasting or outdated mockups — a single sync keeps all visuals current.
💎 Why professionals rely on it
Syncs both text and images automatically.
Works with Google Sheets and Excel formats.
Handles xls to Figma, xlsx to Figma, and excel data to Figma effortlessly.
Enables Figma to Google Sheets export for review.
Keeps large-scale projects organized and accurate.
🧰 Summary
Sheets to Figma brings automation, precision, and flexibility to your workflow.
It allows designers to connect Excel to Figma, Google sheet to Figma, or even figma to google sheets in seconds — while also managing dynamic images through spreadsheet links. Whether your setup involves excel sheets to Figma project connections or excel data to Figma pipelines, this plugin ensures your visuals and data evolve together.
Turn spreadsheets into living designs — with Sheets to Figma, your data and images update automatically, keeping creativity and accuracy in perfect balance.
Plugin Details
| Version | 3 |
|---|---|
| Created | October 17, 2025 |
| Last Updated | October 23, 2025 |
| Category | Import & export plugins |
| Creator | sheets2design |
| Stats | 32 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
- https://i.imgur.com
- https://i.pinimg.com
- https://jnxywpdrnyfmfynviggu.supabase.co
- https://lh3.googleusercontent.com
- https://sheets.googleapis.com
- https://taupe-centaur-ac5482.netlify.app
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