Back to Plugins
JSON Data Injector

JSON Data Injector

Insert the data into the selected frame.

Plugin Preview

JSON Data Injector 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

Version1
CreatedNovember 17, 2025
Last UpdatedNovember 17, 2025
CategoryImport & export plugins
CreatorHiroshige Fukuhara
Stats9 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none