Back to Plugins
Draw Arrow Fill Text

Draw Arrow Fill Text

Fill your text layers from screenshots or old UI by drawing arrows.

Plugin Preview

Draw Arrow Fill Text preview

About this plugin

  1. You have a Frame or Component full of text, and you want to fill it with real data.
  2. Find your real data source — maybe a screenshot from your product or an old UI frame.
  3. In Figma, draw arrows to show which text should replace which.
  4. Launch the plugin, select your target frame, click Extract → Copy.
  5. Go to ChatGPT, Gemini, or Claude, and paste the screenshot + prompt.
  6. Paste the LLM’s reply back into the plugin, then click Load.
  7. Review the mapped text, click Apply, and you're done.


---


  1. 你有一個充滿文字的 Frame 或 Component,想要快速填入 Real Data。
  2. 找到你的 Real Data 來源──可能是產品的 Screenshot,或是舊版 UI 的 Frame。
  3. 在 Figma 中畫箭頭,標示你想用哪段文字取代哪個文字。
  4. 啟動 Plugin,選擇目標 Frame,按下 Extract → Copy。
  5. 打開 ChatGPT、Gemini、Claude 等 LLM,把 screenshot + prompt 貼上去。
  6. 將 LLM 回傳的文字貼回 Plugin,按 Load。
  7. 確認文字 mapping 正確後,按 Apply,完成填入。

Plugin Details

Version1
CreatedJuly 9, 2025
Last UpdatedJuly 9, 2025
CategoryImport & export plugins
Creatorgetterbeam
Stats9 installs, 0 likes
PricingFree

Technical Details

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