Back to Plugins
Frame Duplicator

Frame Duplicator

Duplicate frames with text and images based on CSV data for streamlined post creation

Plugin Preview

Frame Duplicator preview

About this plugin

Frame Duplicator is a plugin designed to help designers and social media managers quickly create multiple posts based on CSV data and images. Perfect for batch processing posts for social media, marketing, or any other repetitive content creation tasks.


In a sentence: Choose images and upload a CSV file listing the images and any text you’d like displayed. This plugin will read your CSV, duplicate a selected frame, and insert the specified images as the background along with the provided text in designated areas.


Key Features:

CSV Integration: Automatically populate frames with text fields such as titles and subtitles based on CSV data, making it easy to maintain consistent content across multiple designs.

Image Replacement: Efficiently replace images in frames based on file names specified in the CSV, allowing you to work seamlessly with visual content.

Aspect Ratio Preservation: Ensures that images maintain their aspect ratio when resized within frames, avoiding distortion or stretching.

Batch Frame Duplication: Create multiple frames with the click of a button, with each frame populated by unique data and images from your CSV.


How to Use:

Prepare CSV and Images: Make sure your CSV file includes columns for text fields (title and subtitle) and image filenames.


Your CSV column titles must be:

title, subtitle, imageName.


Select a Frame in Figma: Choose the frame you want to duplicate.


Your Frame must include text / rectangle elements titled:

##Title ##Image ##Subtitle


Upload CSV and Images: Load your CSV and corresponding image files through the plugin’s interface.

Create Frames: Click "Create Frames" to generate frames based on the CSV data, with each frame containing unique text and images row by row.

Plugin Details

Version2
CreatedNovember 2, 2024
Last UpdatedNovember 7, 2024
CategoryAccessibility tools
CreatorTheo
Stats9 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdnjs.cloudflare.com