Real data,
as easy as lorem ipsum.
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.
How it works
Three steps from API to canvas.
01
Connect an endpoint
Paste a URL, add headers or auth if you need them, and preview the JSON response in-plugin.
02
Map JSON to layers
Bind a JSON path to a layer name. Apply transforms if the raw value needs shaping before it lands on the canvas.
03
Save as a Palette
Reuse it on any frame, share across files, and export to JSON, Markdown, or a Spec Frame for handoff.
A Figma plugin for designing with real API data
Connect your Figma file to the same data the product ships. Live API responses, mocked JSON, anything you can GET. Design specs and engineering specs become the same artefact, including the design-to-code handoff.
Save palettes once
Store an endpoint, headers, and mappings as a reusable Palette. Pick it from a list. No re-wiring per frame.
Transform on the way in
Truncate text, format currency, parse dates, branch with if/then/else, or chain transforms before values land on the canvas.
Single frame or collection
Fill one frame from a single response, or iterate an array onto repeated component instances.
Target layers by name
Map JSON paths to layer names so palettes stay portable across files, team libraries, and refactors.
Sandboxed by default
Runs entirely in the plugin iframe. API responses and auth values stay on your machine. None of it is sent to our database.
Export & handoff
Export the populated frame as JSON, Markdown, or a Spec Frame on the canvas. Hand off the data alongside the design, not just the pixels.
Pricing
Free for hobby use. Upgrade when you outgrow two palettes or need exports for handoff.
Guest
Try the plugin without signing in.
Free no account
- 1 saved palette
- Basic text transforms
- Single + collection mode
Free
For trying it out and personal projects.
$0 / forever
- Everything in Guest
- 2 saved palettes
- Cloud sync across files and devices
Pro
For designers shipping against real data daily.
$12 / month
- Everything in Free
- 50 saved palettes
- All transforms (currency, math, conditionals)
- Export to JSON, Markdown, Spec Frames
- Priority support
Ready to design with real data?
Install Paint By JSON, connect your first API, and ship a Figma file that speaks the same language as your product. No more lorem ipsum. No more re-mocking for every screenshot.