DataFlow — JSON & API Data Mapper

About this plugin

Stop manually copy-pasting data into your designs. DataFlow lets you populatetext layers with real JSON data in just 3 clicks.HOW IT WORKS1. Select a frame with text layers in Figma2. Paste your JSON data and click "Parse JSON"3. Map each JSON key to a Figma text layer — or let auto-mapping match them by name4. Click "Populate Data" — done!FEATURES• Paste any JSON and instantly extract all available keys• Smart auto-mapping matches JSON keys to layers with similar names• Supports nested objects with dot notation (e.g. user.profile.name)• Handles arrays of objects automatically (uses first element)• Full Unicode support — Vietnamese, Chinese, Japanese, Korean, and more• Real-time selection tracking — switch frames and layers update automatically• Dark theme UI matching Figma's native lookPERFECT FOR• Testing designs with real API response data• Populating mockups for client presentations• QA teams verifying UI with edge-case data• Designers collaborating with backend developers