Paint By JSON | Figma API Client
Real API data in your mockups made as easy as lorem ipsum.
Start new thread
Rob McLoughlin

Paint By JSON | Figma API Client - Real API data in your mockups made as easy as lorem ipsum.

by
Paint By JSON | Figma API Client
•
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.

Add a comment

Replies

Best
Rob McLoughlin
Maker
📌
Populate Figma designs with real, live API data — saved once, applied in a click. Connect any endpoint, map JSON paths to your layers, and save the recipe as a Palette you can repaint anytime. Pressure-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, then map the response to the canvas layers, setting text, image fills, component properties and more with some powerful transformation logic. Also allows local JSON, and pro users can export to a spec frame, markdown or as an importable palette. Free users can save up to 2 palettes. Pro unlocks more palettes, more transformations, export functions. Any feedback just let me know!
Rob McLoughlin
Maker

Offering a month of pro free if anybody would like to try full features. If you have ideas for transforms or other ways it could empower your workflow, let me know!

Kirsten Felbert

@rob_does_ux This looks amazing and exactly what I've always wanted. Would love a month of pro to test out all the features if possible.

Rob McLoughlin
Maker

Thanks @kirsten_alexis! If you install, go to upgrade and then use code PRODUCTHUNT at checkout you'll get a month free! Then you can cancel at any time before the next billing cycle if it's not working for you. If there's anything I can help with or you have any feedback just let me know!