JSON Data Injector
Insert the data into the selected frame.
Plugin Preview
About this plugin
JSON Data Injector は、構造化された JSON データを Figma フレームへワンクリックで流し込むためのプラグインです。フレーム名を指定し、JSON のキーとレイヤー名を一致させるだけで、対応するテキストが自動的に置き換わります。こんな用途に最適です:リサーチ/インタビュー分析結果のレイアウト反映AI(ChatGPT など)が生成した構造化データの自動配置複数フレームでの大量テキスト差し替えテンプレートへのコンテンツ流し込み手作業のコピペによるミス防止使い方キーと値を持つ JSON ファイルを用意反映させたいフレームを選択プラグインを実行し「インジェクト」レイヤー名と一致した箇所のテキストが即時更新JSONサンプル[{"frame": "Frame_A", ← Frame Name"section_title": "A-1", ← Layer Name"name": "John Smith", ← Layer Name"subtitle": "Director", ← Layer Name"description": "An experienced creative director leading design teams." ← Layer Name},{"frame": "Frame_B","section_title": "A-2","name": "Emily Johnson","subtitle": "Product Designer","description": "Designs intuitive digital products with a user-first focus."},{"frame": "Frame_C","section_title": "A-3","name": "Michael Lee","subtitle": "Engineer","description": "Builds reliable systems and tools with efficient solutions."}]
Plugin Details
| Version | 1 |
|---|---|
| Created | November 17, 2025 |
| Last Updated | November 17, 2025 |
| Category | Import & export plugins |
| Creator | Hiroshige Fukuhara |
| Stats | 9 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML