Struct.

Use your team's real data in Figma

Bring real, structured data into your designs. Fast. Reliable. Designed for teams.

Populate components, prototypes, and dashboards with real JSON or live API data in seconds — no backend, no fiddly scripts. Built for designers and product managers who need realistic, repeatable data in their mockups.

Install the plugin

Populate mockups and prototypes with real JSON or live API data in seconds.

No backend, no fiddly scripts. Built for designers and product managers who need realistic, repeatable data in their mockups.

Import JSON files or connect to REST APIs. Auto-detect wrapped arrays, preview responses, and map fields directly to text, images, and component variants with intelligent defaults.

Customize field mapping and combine values to build the data you need.

See it in action

Watch how easy it is to transform your data into beautiful Figma designs.

Use it

Select layers. Choose one or more layers or component instances in your Figma canvas.
Import data. Drag and drop a JSON or CSV file into the plugin, or paste an API endpoint to fetch data directly
Preview data. Struct automatically detects the data format and displays a preview table
Map fields. Struct will apply data to Figma layers matching the keys in the data source. Adjust mappings as needed, or use the Value Builder to combine fields (if your layers names differ from the source, or you need to combine fields to make usable data)
Apply data. Click Apply Data to Selection to populate your layers. Text, images, and even component variants update instantly.
Save configurations. (Optional). Save frequently used data mappings for quick reuse. Manage and load saved configurations from the plugin’s settings

Note: Struct does not store your API keys across sessions. While you have the plugin modal open, you enter your keys once and you and fetch and apply data. Once you close the plugin, we discard your API keys to preserve your security.