Plugin Preview
About this plugin
📌 Note: The plugin will be available for FREE starting at the end of the year.
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
| Version | 53 |
|---|---|
| Created | December 20, 2019 |
| Last Updated | September 21, 2025 |
| Category | Software development |
| Creator | Pavel Laptev |
| Stats | 11877 installs, 774 likes |
| Pricing | Paid |
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:
- *
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.