Freelance › Projects › Software development › Figma plugin to auto-generate card layers from a product feed
Figma plugin to auto-generate card layers from a product feed
Employer
Yaroslav
Project parameters
Type of cooperationOne-time project
SectionSoftware development
Prepaymentwithout prepayment
Payment methodsCash, Bank transfer
Acceptance of requestsfrom today, 07:43 until Sep 9, 2026
Project description
We are a product design team of six, and every sprint we hand-build the same catalogue cards in Figma from a spreadsheet the marketing team sends us. Each card carries a title, a price, a short blurb, a rating and a thumbnail, and right now a designer copies every value cell by cell, duplicates a component, renames the layer and drops the image in by hand. For a batch of eighty to a hundred cards this eats the better part of a day, and by the end mistakes creep in: a stale price, a mismatched photo, a layer still named "Frame 214". We are tired of doing machine work by hand and we want a custom Figma plugin that reads our data and builds the cards for us.
The plugin should let a designer select a master component and point it at a data source — a pasted table, an uploaded CSV, or a live pull from our product API using a key we provide. It then generates one instance per row, maps each column onto the matching text or image layer by name, fetches the thumbnail from the given URL, and names every resulting layer in a clean, predictable pattern so the file stays tidy. Re-running it against updated data should refresh existing cards in place rather than piling up duplicates, and any row that fails to map should be reported clearly instead of failing silently.
We expect clean, documented TypeScript against the current Figma plugin API, a small settings panel for the mapping and the API endpoint, and sensible handling of rate limits and missing fields. Please share your approach and a rough timeline before we start.
What matters most to us:
— reliable column-to-layer mapping by layer name;
— update-in-place instead of duplicate-on-rerun;
— a clear error report for rows that could not be filled.
The plugin should let a designer select a master component and point it at a data source — a pasted table, an uploaded CSV, or a live pull from our product API using a key we provide. It then generates one instance per row, maps each column onto the matching text or image layer by name, fetches the thumbnail from the given URL, and names every resulting layer in a clean, predictable pattern so the file stays tidy. Re-running it against updated data should refresh existing cards in place rather than piling up duplicates, and any row that fails to map should be reported clearly instead of failing silently.
We expect clean, documented TypeScript against the current Figma plugin API, a small settings panel for the mapping and the API endpoint, and sensible handling of rate limits and missing fields. Please share your approach and a rough timeline before we start.
What matters most to us:
— reliable column-to-layer mapping by layer name;
— update-in-place instead of duplicate-on-rerun;
— a clear error report for rows that could not be filled.
