Data Frame

Data Frame automates mail merge in Figma by allowing you to import CSV data and automatically populate design templates with personalized content.

This plugin allows you to:

Select multiple frames, groups, or component instances (as design template)Upload a CSV file containing your dataMap CSV columns to text layers in your selected templateAutomatically generate multiple instances of your template, each populated from each row of data in the CSV file.

Example use:

Business Cards: Create a sleek business card template and instantly generate cards for your entire team by importing employee details from a CSV file.

Event Badges: Design a conference badge layout once, then use Data Frame to populate it with attendee information, creating unique badges for hundreds of participants in seconds.

Order Packing Slips: Design a packing slip template and instantly generate customized slips for each order, complete with customer details, order numbers, and item lists from your e-commerce platform's CSV export.

Personalized Email Designs: Design an email template in Figma and use Data Frame to visualize how it will look for different subscribers, importing names, account details, and custom offers from your CRM's CSV export.

Perfect for creating dynamic mockups, personalised designs, or at scale documents. Data Frame saves time and ensures accuracy when working with large datasets in your Figma projects.