Back to Plugins

Draw Arrow Fill Text
Fill your text layers from screenshots or old UI by drawing arrows.
Plugin Preview
About this plugin
- You have a Frame or Component full of text, and you want to fill it with real data.
- Find your real data source — maybe a screenshot from your product or an old UI frame.
- In Figma, draw arrows to show which text should replace which.
- Launch the plugin, select your target frame, click Extract → Copy.
- Go to ChatGPT, Gemini, or Claude, and paste the screenshot + prompt.
- Paste the LLM’s reply back into the plugin, then click Load.
- Review the mapped text, click Apply, and you're done.
---
- 你有一個充滿文字的 Frame 或 Component,想要快速填入 Real Data。
- 找到你的 Real Data 來源──可能是產品的 Screenshot,或是舊版 UI 的 Frame。
- 在 Figma 中畫箭頭,標示你想用哪段文字取代哪個文字。
- 啟動 Plugin,選擇目標 Frame,按下 Extract → Copy。
- 打開 ChatGPT、Gemini、Claude 等 LLM,把 screenshot + prompt 貼上去。
- 將 LLM 回傳的文字貼回 Plugin,按 Load。
- 確認文字 mapping 正確後,按 Apply,完成填入。
Plugin Details
| Version | 1 |
|---|---|
| Created | July 9, 2025 |
| Last Updated | July 9, 2025 |
| Category | Import & export plugins |
| Creator | getterbeam |
| Stats | 9 installs, 0 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