Back to Plugins
JSON Populate

JSON Populate

Use your own real JSON data to populate your text layers. No longer fill your designs with lorem ipsum or irrelevant names, objects, places and more. How to use: 1. Write your JSON as one big object containing arrays with a key as name. Example can be seen in the screenshot or on the git repo. 2. Enter the url in the plugin and press save 3. Select one or more text layers and press one of the buttons generated based on your JSON to replace the text layer(s). Extra: Host your JSON on some repo so it's easily maintanable. You could also use a free service such as 'myjson.com'. Your URL should be saved on this instance of Figma. However keep a backup of the url just in case you switch to a different computer or between browser/desktop often. Roadmap: - Better error handling - Support more JSON structures - Use local JSON/paste JSON

json_datajson_importsample_textjson_textimport_datajsonjson_sample

Plugin Preview

JSON Populate preview

About this plugin

Use your own real JSON data to populate your text layers. No longer fill your designs with lorem ipsum or irrelevant names, objects, places and more. How to use: 1. Write your JSON as one big object containing arrays with a key as name. Example can be seen in the screenshot or on the git repo. 2. Enter the url in the plugin and press save 3. Select one or more text layers and press one of the buttons generated based on your JSON to replace the text layer(s). Extra: Host your JSON on some repo so it's easily maintanable. You could also use a free service such as 'myjson.com'. Your URL should be saved on this instance of Figma. However keep a backup of the url just in case you switch to a different computer or between browser/desktop often. Roadmap: - Better error handling - Support more JSON structures - Use local JSON/paste JSON

Plugin Details

Version3
CreatedAugust 30, 2019
Last UpdatedJanuary 6, 2020
CategoryUncategorized
CreatorBart S.
Stats3412 installs, 54 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.