data.to.design — by ‹div›RIOTS — Google Sheets, CSV, JSON, Airtable or Notion to Figma

About this plugin

Fill your Figma designs with your data

With data.to.design, import your product content into Figma and populate your designs with real data. Create more accurate and realistic prototypes with less bias, bringing your designs closer to what’s in production.

data.to.design makes it easy to automatically populate cards, profiles pages, table data and other repeatable UI elements with a single click.

Top features include:

Import your own, existing content

With data.to.design, import your existing data from sources such as Google Sheets, JSON, Airtable, Notion, CSV, or even directly from your API.

Keep your designs in sync by easily refreshing the data whenever changes occur.

Apply your data to any Figma layer

With data.to.design, easily insert real content into your designs to make your designs more realistic.

Map data to component instances automatically

Select layers on your design, hover over the data.to.design plugin and simply apply the content you need to your designs.

Configure once, and apply everywhere using our mapping feature, which automatically applies content to the selected instances of a given component. Save time and gain consistency throughout your designs.

Try data.to.design to level-up your Figma designs with your real data and content!

Ideas, feedback, questions?

Drop us an email or follow us on Discord.