定稿生成助手 Final Draft Generator
Auto-Generate JSON Drafts from Selections
Plugin Preview
About this plugin
Introduction
Final Draft Generator extracts text, images and metadata from your Figma selection into structured JSON. It automatically:
•Splits “Requirement Name” into title/body fields
•Exports both cover and other elements at 2× resolution as Base64 thumbnails
•Captures embedded hyperlinks and Figma node links
•Supports a multilingual UI and one-click JSON copy
Function Description
1.Detects and parses “Requirement Name,” “Product:,” and “Designer:” text layers;
2.Exports the cover frame (thumbnail1) and a secondary selection (thumbnail2) at 2× scale;
3.Scans text for embedded URLs (link1);
4.Constructs an internal Figma link (link2) for the secondary element;
5.Provides UI language support in English, Simplified/Traditional Chinese, Japanese, Korean, and Hindi;
6.Enables one-click copy of the resulting JSON to the clipboard.
Usage
1.Select the “Requirement Template/Header” instance and at least one other element;
2.Click Extract JSON, wait for the “Loading…” → “Operation successful” prompts;
3.Click Copy JSON to copy the output;
4.Switch UI language at the top as needed.
Notes
•A Frame named “封面” must be included for thumbnail1 generation;
•If no hyperlink or node link is present, link1/link2 will be empty;
•The plugin remembers your last UI language choice—select manually on first run;
•Processing large components may incur a brief delay.
介绍
“定稿生成助手”能从 Figma 中所选元素一键提取文字与图片,生成结构化 JSON 数据。支持:
•从“需求模板/头部”组件中自动识别并拆分“需求名”、“产品”、“设计师”字段
•提取封面 Frame 与其他元素的双倍图缩略图
•提取文字图层中的超链接与 Figma 元素链接
•支持多语言界面与一键复制
功能说明
1.自动识别并提取“需求名”、“产品:”与“设计师:”文本内容;
2.导出封面与非封面元素的 2 倍图 PNG,并生成 Base64 编码;
3.扫描文字图层内的超链接并生成 link1;
4.拼接 Figma “Copy link” 生成 link2;
5.界面支持中英、繁中、日语、韩语、印地语切换;
6.操作完成后可一键复制 JSON。
使用方法
1.在画布上选中“需求模板/头部”所在实例,以及其它一个或多个元素;
2.点击“提取 JSON”按钮,等待进度提示“获取中…”→“获取完成”;
3.点击“复制 JSON”按钮,将结果复制至剪贴板;
4.可在界面顶部切换语言,查看对应语种文案。
注意事项
•确保所选实例中存在名为“封面”的 Frame,用于生成 thumbnail1;
•若文字中无超链接或未右键复制链接,则对应字段将留空;
•插件默认存储上次选定语言,首次使用需手动选择;
•批量处理大型节点可能有短暂延迟,请耐心等待。
Plugin Details
| Version | 4 |
|---|---|
| Created | June 29, 2025 |
| Last Updated | November 2, 2025 |
| Category | Import & export plugins |
| Creator | KingweiCheung |
| Stats | 15 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