DataFill - Data to Design, Instantly!

About this plugin

Fill your spreadsheet data in your designs in an easy, quick and secure way. DataFill is the fastest way to bridge the gap between your data and your designs, eliminating the tedious work of copy-pasting.

—-------------------------------------------------------------

How to Use:

A simple, guided workflow to get you from data to design in under a minute.

Step 1: Connect Data

1. Google Sheets: Paste a public "Anyone with the link can view" URL.
2. CSV: Click to upload your local CSV file.

Step 2: Set Template

1. Select a single Component, Instance, or Frame on the canvas.
2. Click "Set as Template" in the plugin. This will act as the main template.

Step 3: Map Layers

1. For text: Select a text layer inside your template, click the + button in the plugin, and choose a column from your sheets.
2. For image: Select a shape for images (e.g., Rectangle), click +, and choose an image column from your sheets.
3. If you are using local images in the sheets, click "Upload Local Images" and select all the files your sheet references.

Step 4: Generate:

1. Click Generate and watch the magic happen!
2. You can modify the original component and all the generation will be auto updated.

—-------------------------------------------------------------

How Your Data Is Handled:

Your privacy is a priority. This plugin is built to be secure and transparent.

1. Your Data is Read-Only: The plugin only reads your spreadsheet. It never writes, modifies, or saves your sheet's content.

1. Private & Secure Connection: We use a secure, ephemeral Cloudflare Worker to fetch data. Your information is never logged or stored.

1. Local Files Stay Local: Images you upload from your computer are processed directly within Figma and are never sent to any external server.