CSV to Components – Auto Layout Importer
Easily turn your CSV data into beautifully structured Figma components.
Plugin Preview
About this plugin
This plugin allows you to import a CSV file and automatically map each cell’s text content into a predefined component from your local file or library. Whether you’re building tables, lists, or tag grids, this tool saves hours of manual work.
🔧 Key Features:
•Import and preview CSV files
•Map each cell to a selected Figma component
•Auto-detect text layers or select manually
•Preserve internal elements like icons and checkboxes
•Arrange components using Auto Layout (Grid, Vertical, or Horizontal)
•Customize horizontal and vertical spacing
Perfect for designers working with structured data, mockups, or large-scale component-based layouts.
🚫 Note: This plugin works with text-only data and supports one text field per component instance.
Plugin Details
| Version | 2 |
|---|---|
| Created | June 20, 2025 |
| Last Updated | June 30, 2025 |
| Category | Import & export plugins |
| Creator | Ahmad Maqboul |
| Stats | 2 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Network Access:
This plugin requires access to all domains to provide a comprehensive web functionality.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML