Back to Plugins
JSON data

JSON data

Plugin helps to populate dummy content with a production-ready content specified in JSON

contenttext replacereal datadatajson datacontent populatejsonpopulatecode-generators

Plugin Preview

JSON data preview

About this plugin

This is an alpha release.


Forever free tool for checking the design on real world data. This is getting done by populating the file with JSON data prepared in advance in any text editor. Further updates might be aimed at getting the data from existing websites.


How to use:

  1. Define titles of the text layers.
  2. Create JSON-file in any text editor.
  3. Usage in Figma: select group with objects. Better to use the parent group.
  4. Insert the JSON content into the plugin text field.
  5. Click ‘Apply JSON’ button.


You can update data until you close the plugin.


How it works


Plugin searches for text field titles and populates them with JSON data if there is a match.


Some bugs are expected, plugin is provided AS IS, author is not to blame for any content loss.


TODO: hiding the layer on Null data received.

Plugin Details

Version2
CreatedAugust 19, 2023
Last UpdatedAugust 29, 2023
CategorySoftware development
CreatorSerj
Stats58 installs, 10 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none