JSON Data Injector

About this plugin

JSON Data Injector は、構造化された JSON データを Figma フレームへワンクリックで流し込むためのプラグインです。

フレーム名を指定し、JSON のキーとレイヤー名を一致させるだけで、対応するテキストが自動的に置き換わります。

こんな用途に最適です：

1. リサーチ／インタビュー分析結果のレイアウト反映
2. AI（ChatGPT など）が生成した構造化データの自動配置
3. 複数フレームでの大量テキスト差し替え
4. テンプレートへのコンテンツ流し込み
5. 手作業のコピペによるミス防止

使い方

1. キーと値を持つ JSON ファイルを用意
2. 反映させたいフレームを選択
3. プラグインを実行し「インジェクト」
4. レイヤー名と一致した箇所のテキストが即時更新

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."

}

]