Data Roulette
Insert randomized data from Google Sheets into tagged layers in your designs.
Plugin Preview
About this plugin
Insert randomized data from Google Sheets into tagged layers in your designs. Supports text, images, and colors.How to useCreate a public Google Sheet. The headings for each column in your sheet is then used to tag layers in Figma.Run the Data Roulette plugin. Create a new data set and paste your public sheet url inTag layers in Figma with column titles prefixed with #Select layers and click "Insert Data" to get random data inserted based on the tags in your selectionTagsTag layers with using # followed by the column title. Example: #Description for a column titled 'Description' in Google SheetsTags can contain spaces. Example: #User NameData SetsCreate multiple Data Sets to separate and organize data from multiple spreadsheetsCombine TagsCombine tags using +. Example: #First Name + #Last NameInsert a text value and color the text using this method. Example: #Comment + #Comment ColorImagesAdd urls to images (must be https) in your sheet. Tagging shape layers with image url data will apply the linked images as fills.Supports base64 data urls (e.g. data:image/png;base64...)ColorsAdd colors as Hex, RGB, or RGBA values in your sheet. Tagging a shape or text layer will apply colors as a fills.GroupingData is grouped by row, so for instance if you have Firstname and Lastname columns, filling data into tagged layers will pair the appropriate values for that user entry. If you want to separate data use another data set, or create multiple sheets within a single Google Sheet for each type of related data.
Plugin Details
| Version | 3 |
|---|---|
| Created | January 23, 2020 |
| Last Updated | September 6, 2023 |
| Category | design-tools-other |
| Creator | Hamish |
| Stats | 1566 installs, 74 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/plugin.js
- Network Access:
Allows any domain for hosting image data
- Editor Types:figma
- Allowed Domains:
- *
- https://*.google.com
- https://*.googleapis.com
- https://unpkg.com/[email protected]/img/apple/
More Like This
Discover other plugins in the design-tools-other category.