https://www.figma.com/community/plugin/1531575374864956791/id-card-generator
This plugin automates the creation of ID cards by populating template designs with data from a CSV file and optional images.
Step 1: Design Your Templates
Create frame(s) in Figma that serve as your ID card templates:
- Name layers to match CSV columns: Text layers should be named exactly as your CSV headers (e.g.,
name, id, address)
- Image placeholders: Use Rectangle layers named to match CSV column names that contain image references
- Front/Back detection: Include "back" or "rear" in the frame name for back-side templates; otherwise, frames default to "Front"
Step 2: Scan Templates
- Select your template frame(s) on the Figma canvas
- Open the plugin
- Click Scan Templates
- The plugin will detect all text and rectangle layer names for mapping
Step 3: Upload Your CSV Data
- Click the CSV upload option in the plugin UI
- Select a CSV file where:
- Column headers match your template layer names exactly
- Each row represents one ID card
- For images, the column should contain either the uploaded image filename or a URL
Step 4: Upload Images (Optional)
- Click the image upload option
- Select all portrait photos or images referenced in your CSV
- Ensure filenames in your CSV match the uploaded image names exactly