Paint By JSON: A Figma Plugin for Populating Designs with Live API Data
By
Rob McLoughlin
15h ago· 1 min readenProduct
38/100
Stale
Bagelometer↗
Sat out too long. The crust has gone leathery.
Score38Typepress releaseSentimentpositive
Summary
A Figma plugin called "Paint By JSON" allows designers to populate mockups with real, live API data instead of placeholder lorem ipsum. Users can connect any REST endpoint, map JSON paths to Figma layers, and save the configuration as a "Palette" that can be reapplied. The plugin supports setting text, image fills, component properties, and includes transformation logic. It also supports local JSON and offers pro features for export. The tool helps designers pressure-test their designs against real data edge cases.
Key quotes
· 3 pulledPressure-test your design against the names, lengths and edge cases it'll actually carry.
I tend to work with a lot of headless products, so I built a plugin that lets you save 'palettes' of JSON from a source URL
Populate Figma designs with real, live API data — saved once, applied in a click.
A Figma plugin that binds layers to live REST endpoints. Paste a URL, map JSON paths to layer names, save the recipe as a Palette, and apply it to any frame. Design with real data instead of lorem ipsum.
You might also wanna read
Figma Plugins I Can’t Live Without & Neither Should You
Prototypr·10mo ago
Figma-use CLI Tool: Command-Line Interface for Full Read/Write Access to Figma Design Files
Figma-use is a command-line interface tool that provides full read/write access to Figma design files, enabling AI agents and developers to
github.com·4mo ago