需借助插件、跳转工作流、脚本或变量联动实现recraft与figma深度集成：一、使用第三方recraft bridge插件直接生成并注入svg；二、通过“open in recraft”跳转，传参参考图与提示词；三、用控制台脚本内联注入svg代码；四、用figma variables绑定recraft风格id驱动多主题生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望在Figma中直接调用Recraft的矢量生成功能，避免反复切换网页、下载SVG再导入的繁琐流程，则需借助插件机制或协同工作流实现无缝嵌入。以下是实现Recraft与Figma深度联动的多种可行路径：
一、使用Recraft官方Figma插件（如已发布）
Recraft官方尚未推出独立上架Figma Community的原生插件，但部分第三方开发者已构建轻量桥接工具，允许从Figma内发起Recraft API调用或快速跳转至Recraft编辑页并回传SVG。该方式依赖插件维护状态与身份认证，适用于已开通Recraft Pro账户且启用API访问权限的用户。
1、打开Figma桌面端或网页版，进入任意设计文件。
2、点击右上角Plugins → Search plugins，输入“Recraft Bridge”或“Recraft for Figma”关键词。
3、若插件存在，点击Install并授权访问当前文件图层数据。
4、启动插件后，在弹出面板中粘贴Recraft提示词，选择图标/矢量/流程图模式，点击Generate。
5、生成完成后，插件自动将SVG代码注入为新图层，并保留原始分组结构与命名。
二、通过Figma“Open in Recraft”快捷跳转工作流
该方法不依赖插件，利用Figma图层导出能力与Recraft网页端URL Scheme配合，实现一键跳转+上下文传递，适合高频使用Recraft但暂未集成API的设计师。跳转时可携带当前选中图层的尺寸、名称及截图作为参考锚点。
1、在Figma中选中一个空画板或占位图形框，右键选择Copy as PNG（仅用于视觉参考）。
2、打开Recraft网页端，新建画布，点击左上角Upload reference image图标。
3、粘贴刚复制的PNG，或拖入本地截图，作为构图约束参考。
4、在Prompt输入框中输入与Figma当前任务强相关的描述，例如：“Figma组件级矢量图标：带悬停状态的蓝色填充按钮，含右向箭头，适配32×32像素，输出SVG保留图层”。
5、生成满意结果后，使用Recraft内置导出功能保存SVG，再拖入Figma画布中对应位置。
三、基于SVG内联注入的免插件自动化脚本
针对熟悉开发者工具的高级用户，可通过浏览器控制台运行轻量脚本，监听Figma画布变更，自动捕获Recraft生成的SVG并插入当前页面。该方法绕过插件审核限制，直接操作DOM，适用于Chrome/Edge浏览器环境。
1、在Figma中打开目标文件，确保Recraft网页标签页处于同一浏览器中。
2、在Recraft中完成矢量生成，右键预览图→Inspect Element，定位最外层
3、右键该
4、切换回Figma标签页，按Ctrl+Shift+I（Windows）或Cmd+Option+I（Mac）打开开发者工具。
5、在Console面板中粘贴以下指令并回车：figma.showUI(``, {width: 600, height: 400})（将``替换为实际复制内容）。
6、确认Figma右下角弹出SVG预览窗，点击Insert to canvas即可生成可编辑矢量图层。
四、Figma Variables + Recraft风格库联动方案
当需在Figma中动态切换Recraft生成的不同品牌风格矢量资产时，可将Recraft训练好的风格ID或提示词模板绑定至Figma变量，再通过组件属性驱动外部Recraft生成请求。此方式适用于建立多主题设计系统。
1、在Recraft中完成品牌风格训练，获取唯一风格哈希ID（如style_8a3f9b2e）。
2、在Figma中创建Variables，新增文本变量命名为“recraft_style_id”，初始值设为该ID。
3、为关键组件（如Logo容器）添加Variant属性，每个Variant对应一种Recraft风格输出。
4、在Prototype面板中，为切换控件（如下拉菜单）设置On Click动作，触发变量更新并跳转至对应Variant帧。
5、在对应Variant帧中，添加说明文字：“请前往Recraft，输入提示词：‘[主视觉] + 风格ID: style_8a3f9b2e’，导出SVG后手动替换此图层”。
