Back to Plugins
CSV Data Merge

CSV Data Merge

Easy plugin merges your data from a local .csv file and replaces text in all selected Figma frames

Plugin Preview

CSV Data Merge preview

About this plugin

CSV Data Merge is a simple, fast Figma plugin that automatically inserts data from a local CSV file into text layers of selected frames. It matches each frame’s name to the value in the index column (or Index, Id, id, Номер, etc.) and replaces placeholders in curly braces {key} with the actual CSV values.


How to use


Prepare your CSV file

  1. The first row contains headers (field names / placeholders).
  2. One column must be named index (or Index, Id, id).
  3. Other columns contain your data.
  4. Export as UTF-8.


Prepare your Figma layout

  1. Duplicate your template frame.
  2. Name each frame according to the index column value (e.g., 1, 2, 3).
  3. In text layers, insert placeholders like {djname}, {stage}, etc.


Run the plugin

  1. Select the frames you want to fill.
  2. Launch CSV Data Merge in Figma.
  3. Click "Choose file" and upload your CSV.
  4. Click "Apply to selection" — the plugin will replace placeholders with your data.


Tips

  1. Placeholders are case-sensitive (djname ≠ DJName).
  2. If a CSV header contains spaces, use them exactly in the placeholder {First Name}.

Plugin Details

Version1
CreatedAugust 9, 2025
Last UpdatedAugust 9, 2025
CategoryAccessibility tools
CreatorAl But
Stats2 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma