Back to Plugins
JSON to Figma

JSON to Figma

json, population, images

datajsonpopulatecode-generators

Plugin Preview

JSON to Figma preview

About this plugin

An easy way to use real data in Figma.

The plugin can parse local or JSON files from a URL link. You can populate any layers with text or images.


💡 Features:

  • Load local files and fetch from URL
  • Fetch images
  • Supported formats JPG, PNG, WEBP, SVG, GIF
  • Parsing JSON files with any amount of nested levels
  • Flexible keys selection
  • Populate in random order
  • Select any ranges from JSON file
  • Ability to skip layers
  • Remember user settings and JSON using clientStorage
  • Custom URL for your own proxy


📚 Documentation:

https://pavellaptev.notion.site/JSON-to-Figma-e4f79e250b54413ba5797c1d4a806070


🎥 Video Tutorial:

https://youtube.com/watch?v=OO2yeeNuj7A&si=EnSIkaIECMiOmarE


🤙 Feedback:

Please if you have any troubles with the plugin or ideas how I could improve the plugin.

Plugin Details

Version51
CreatedDecember 20, 2019
Last UpdatedAugust 9, 2023
CategorySoftware development
CreatorPavel Laptev
Stats9799 installs, 638 likes
PricingPaid

Technical Details

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

    We need to access the internet to fetch the JSON file from the URL or load images and use different proxy servers.

  • Editor Types:
    figma
  • Allowed Domains:
    • *