Coda for Figma Figma Plugin

Design with data from apps like Spotify, Wikipedia or your own custom data with this plugin. This plugin works with Coda, a tool for making documents. Simply create a table in Coda, and use the plugin to fill your designs with content from the tables.

→ To use this plugin

1. Create a Coda doc with a table in it, or use the example doc that’s provided. The example doc already has data for you to get started with.

2. Fill individual layers by selecting the layer you want to change, and then select the relevant column in the plugin selector.

3. Group layers, or create a component, to keep related info together.

4. Select an entire frame or multiple groups to update all of the layers at once.

→ Live Data

To pull live data into your Figma designs, create a Packs Table in Coda. Using Packs you can pull in data from Wikipedia, Spotify, Intercom and more. Once you’ve set up your table, you can connect your design to that table and watch it fill up with real data.

→ Custom Data

To pull custom data into your Figma docs, create a Table in Coda. You can enter text, image URLs, formulas, and more. Then, connect your layers to that table, and watch your designs fill up with your own data.