适用于GenStudio for Performance Marketing的Figma插件
GenStudio for Performance Marketing Figma插件会在Figma应用程序中添加一个新面板,以便您生成品牌内内容。
从Figma社区市场查找并安装插件。
本页介绍如何配置和使用插件。
此插件的功能包括:
- 将Figma文本元素映射到GenStudio for Performance Marketing字段,如
headline、body、on_image_text等。 - 根据品牌、角色、产品和文本提示生成新的Meta、LinkedIn或显示广告Experiences。
- 通过将映射的Figma元素中的文本替换为GenStudio for Performance Marketing生成的值,直接在Figma文档中创建Experiences。
- 根据提示重新短语、缩短、延长或翻译现有内容。
- 将生成的Experiences翻译成多种语言。
- 将生成的Experiences作为平面化图像导出到本地源。
- 将生成的Experiences导出到GenStudio for Performance Marketing。
- 使用可适应Figma画布中所选元素的插件选项。
创建模板
该插件要求Figma文档的前两个级别遵循以下约定:
- 节 — 这表示父项目,它可以包含多个模板。
- 框架 — 表示项目中的模板。 模板中可以填充文本、图像、组件和其他元素。
Meta模板
支持以下模板大小:
对于Instagram或Facebook帖子:
- 宽度:1080像素(固定)
- 高度:1080像素或1350像素
对于Instagram或Facebook故事:
- 宽度:1080像素(固定)
- 高度:1920像素
插件会根据模板的高度确定所生成体验的颜色。
显示模板
没有固定大小要求。 显示模板支持任何大小。
LinkedIn模板
- 宽度:1200像素(固定)
- 高度:1200像素、628像素、2292像素、1800像素或1500像素
字段角色映射
该插件需要了解模板的不同元素,例如标题、正文或图像。
要分配元素角色,请执行以下操作:
- 在模板中选择元素(文本、图像等)。
- 使用下拉菜单分配角色。
插件会记住这些映射,以便用于生成的内容。 一个字段角色可以映射到多个模板元素。
{width="60%"}
字段映射例外
source-git-commit: 66aa508298f897c4a239f1b3e13a31ff20b8a944
workflow-type: tm+mt
source-wordcount: ‘40’
ht-degree: 5%
字段映射例外
某些渠道仅支持替换特定字段。 例如:
- Meta和LinkedIn广告取代了周围Chrome中的标题、正文和介绍性文本,而不是广告本身。 考虑将图像上的文本映射为
on_image_text。
生成新内容
使用GenStudio for Performance Marketing AI生成或制作图形模板中元素的变体。
- 如果您使用GenStudio插件游乐场或已经准备好的模板,请选择包含广告模板的部分节点。 您可以在 图层 面板中或通过直接单击画布中的部分来执行此操作。
{width="50%" modal="regular"}
- 在插件窗口中,输入变体的项目名称,选择内容的平台,并填写其他必需信息。 然后单击 完成设置 按钮。
{width="30%" modal="regular"}
- 选择要用于内容生成的Brand、Persona和Product。
- 选择要生成的变体数(最多八个)。
- 使用 选择内容 下的按钮浏览和选择资源中的图像。 40个最近添加的资产显示在最前,您可以搜索其他资产。 所选图像会自动调整大小以适合您的模板。
- 输入文本提示。 字段列表中的每个字段都将 操作 选项设置为为新内容生成。
- 映射所有字段角色。 查看字段角色映射。
- 单击 生成 按钮。
从现有内容翻译或生成广告复制变体
使用GenStudio for Performance Marketing人工智能生成广告复制变体或翻译图形模板。
- 选择包含广告模板的部分节点。 您可以在 图层 面板中或通过直接单击画布中的部分来执行此操作。
{width="50%" modal="regular"}
- 在插件窗口中,输入变体的项目名称,然后选择内容的平台。
- 在 目标是什么? 中,选择 生成变体 或转换,然后单击 完成设置 按钮。
{width="30%" modal="regular"}
- 选择要用于内容生成的Brand、Persona和Product。
- 选择要生成的变体数量。
- 使用 选择内容 下的按钮浏览和选择资源中的图像。 40个最近添加的资产显示在最前,您可以搜索其他资产。 所选图像会自动调整大小以适合您的模板。
- 输入文本提示。 字段列表中的每个字段都将 操作 选项设置为为新内容生成。
- 映射所有字段角色。 查看字段角色映射。
- 在插件左侧的面板中选择每个字段类型以生成变体或翻译,并将初始内容粘贴到每个 初始内容 框中。
{width="60%" modal="regular"}
- 单击 生成 按钮。
生成后翻译内容
- 选择要翻译的层代。
{width="20%" modal="regular"}
- 选择翻译,然后单击翻译。
- 选择目标语言。
- 单击选择。
翻译结果包括:
- 此时将显示一个新页面,其中包含已翻译的内容。
- 每个翻译都会显示目标语言或区域设置。
- 原始内容在原始页面中保持不变。
{width="60%" modal="regular"}
生成后对内容字段执行的其他操作
编辑字段中的现有内容时,插件面板中会显示有用的选项。
{width="30%" modal="regular"}
选项包括:
- 更改 值 以直接更改文本。 更改此内容会自动应用于所有选定的变体。
- AI可以执行许多 操作 选项,包括:
选择 操作 选项后,使用 重新生成 按钮重新生成内容。
导出体验
变体可以作为GenStudio for Performance Marketing Experiences从Figma导出。
-
通过执行以下操作之一,选择要在Figma画布中导出的内容:
- 在画布中选择生成部分,然后在插件面板中单击全部标记为导出。
{width="20%" modal="regular"}
- 在画布中选择单个层代,然后在插件面板中单击标记为导出。
{width="20%" modal="regular"}
- 在画布中选择生成部分,然后在插件面板中单击全部标记为导出。
-
从侧栏菜单中选择“导出”项目。
为Meta广告显示{width="60%" modal="regular"}
-
选择目标。
-
单击 导出 以导出内容。
在插件面板中创建ZIP文件,或显示指向 在GenStudio中打开 的链接。 使用ZIP链接选择保存文件的位置,或选择在GenStudio中打开。
将Figma帧转换为Photoshop
可以使用Figma插件将一个Figma框架、多个框架或整个文档转换为Photoshop格式,并将其导出以用于GenStudio Photoshop。 目前,在转换过程中仅支持可视性、字体大小和基本图层属性等主要属性。 目前尚不支持删除线、上标、下标、不透明度百分比、渐变和类似高级属性等功能。
该插件支持以下用于转换的Figma层类型:
- 帧
- 组
- 实例
- 文本
- 矢量
- 图像
转换为PSD时,支持的图层将映射到Photoshop,如下所示:
- 图形帧将转换为Photoshop图层组。
- 嵌套框架变为嵌套组。
- 框架尺寸将成为PSD画板或组边界(取决于选择)。
- 图形组直接转换为Photoshop图层组。
- 图层层次结构和栈叠顺序保持不变。
- 组件和实例将被拼合到标准的Photoshop层组中。 未保留组件元数据和变量逻辑。
- 所有子层都保留在组内。
- 图形文本图层转换为可编辑的Photoshop文本图层。
- 文本层次结构和位置将保留。
- 图形矢量图层将转换为Photoshop形状图层。
- 如果可能,将保留路径。
- 如果应用了不受支持的效果,则可能会栅格化复杂矢量。
- 图形图像图层将转换为Photoshop光栅图层。
- 图像缩放和定位将被保留。
如何转换帧
要转换帧:
-
在Figma中打开Firefly Enterprise和GenStudio插件,然后单击插件UI中的 导出 选项卡。
-
在画布上,选择要导出的一个或多个帧。 您可以选择单个帧或多个帧。
-
执行下列操作之一:
- 单击 导出 以将转换后的文件导出到选定的位置,或者
- 单击 传输到GenStudio Photoshop 可缓存转换后的文件,以便在GenStudio Photoshop中立即使用。
{width="40%"}
-
当出现 需要文件密钥 对话框时,插件需要Figma文件URL才能完成转换。 添加文档的URL:
- 在Figma中,单击画布右上角的共享。
- 在 共享此文件 中,单击复制链接。
- 将复制的链接粘贴到插件对话框的 Figma文件URL 字段中。
-
单击提交。 该插件读取图中的选定帧,并将其转换为JSON文档(文件数据的一种中间格式)。
{width="35%"}
-
在Photoshop中,打开GenStudio Photoshop并单击 导入 选项卡。
-
执行下列操作之一:
- 单击 从插件 以从缓存的文件列表中选择通过 传输到GenStudio Photoshop 转换的文件,或者
- 单击 上传JSON 以浏览并选择要上传的JSON文件。
{width="40%"}
-
GenStudio Photoshop将JSON文档中的信息转换为打开的Photoshop文档。
-
单击完成。 新文件将在Photoshop中打开并可供使用。 或单击 另存为…… 以选择保存文件的位置。
{width="40%"}
生成历史记录
插件会维护每个字段的更改历史记录。 在模板页面上,在插件侧边栏中选择生成历史记录。
为Meta广告显示
{width="80%" modal="regular"}
故障排除
如果生成的变体中未替换文本或图像,请考虑这些最佳实践和提示。
映射字段
如果未替换文本或图像,请检查是否已将字段映射到插件UI中的GenStudio字段角色。 查看字段角色映射。
确认字体可用
文本字段的字体必须在计算机上可用,才能在生成期间替换。 确认文件中使用的所有字体在您的计算机上都可用,尤其是当文件是在其他人的计算机上创建时。
考虑现场角色支持
某些渠道仅支持在特定字段中进行替换。 请注意字段角色映射的异常。