Figma plugin for GenStudio for Performance Marketing
The GenStudio for Performance Marketing Figma plugin adds a new panel to the Figma application that lets you generate on-brand content.
Find and install the plugin from the Figma community marketplace.
This page describes how to configure and use the plugin.
Features of this plugin include:
- Map Figma text elements to GenStudio for Performance Marketing fields, such as
headline,body,on_image_text, and more. - Generate new on-brand Meta, LinkedIn, or Display ad Experiences based on a brand, persona, product, and text prompt.
- Create Experiences directly in the Figma document by replacing the text in mapped Figma elements with values generated by GenStudio for Performance Marketing.
- Rephrase, shorten, lengthen, or translate existing content based on a prompt.
- Translate generated Experiences into multiple languages.
- Export generated Experiences to a local source as flattened images.
- Export generated Experiences to GenStudio for Performance Marketing.
- Use plugin options that adapt to the selected elements in the Figma canvas.
Create a template
The plugin requires the first two levels of your Figma document to follow this convention:
- Section - This represents the parent project, which can contain multiple templates.
- Frame - This represents a template within a project. The template can be filled with text, images, components, and other elements.
Meta templates
These template sizes are supported:
For Instagram or Facebook posts:
- Width: 1080 px (fixed)
- Height: 1080 px or 1350 px
For Instagram or Facebook stories:
- Width: 1080 px (fixed)
- Height: 1920 px
The plugin decides the chrome of the generated experience based on the height of the template.
Display templates
There is no fixed size requirement. Display templates support any size.
LinkedIn templates
- Width: 1200 px (fixed)
- Height: 1200 px, 628 px, 2292 px, 1800 px, or 1500 px
Field role mapping
The plugin needs to understand the different elements of your template, like headline, body text, or image.
To assign element roles:
- Select an element in your template (text, image, and so on).
- Use the dropdown menu to assign a role.
The plugin remembers these mappings to use for generated content. A field role\ can be mapped to multiple template elements.
Field mapping exceptions
Certain channels only support the replacement of specific fields. For example:
- Meta and LinkedIn ads replace headline, body, and introductory text in the surrounding chrome, not in the ad itself. Consider mapping text on the image as
on_image_text.
Generate new content
Use GenStudio for Performance Marketing AI to generate or make variations to elements in Figma templates.
- If you use the GenStudio Plugin Playground or already prepared templates, select the section node that contains your ad templates. You can do this from the Layers panel or by clicking directly on the section in the canvas.
{width="500" modal="regular"}
- In the plugin window, enter a project name for the variations, choose a platform for the content, and fill out the other required information. Then click the Finish Setup button.
{width="300" modal="regular"}
- Select the Brand, Persona, and Product to use for the content generation.
- Select the number of variations to be produced (up to eight).
- Use the button under Select Content to browse and choose images from your assets. The 40 most recently added assets appear first, and you can search for other assets. Selected images are automatically resized to fit your templates.
- Enter a text prompt. Each field in the Fields list has the Action option set to Generate for new content.
- Map all the field roles. See Field role mapping.
- Click the Generate button.
Translate or generate ad copy variations from existing content
Use GenStudio for Performance Marketing AI to generate ad copy variations or translate Figma templates.
- Select the section node that contains your ad templates. You can do this from the Layers panel or by clicking directly on the section in the canvas.
{width="500" modal="regular"}
- In the plugin window, enter a project name for the variations and choose a platform for the content.
- In What is the goal?, select Generate Variations or Translate, then click the Finish Setup button.
{width="300" modal="regular"}
- Select the Brand, Persona, and Product to use for the content generation.
- Select the number of variations to be produced.
- Use the button under Select Content to browse and choose images from your assets. The 40 most recently added assets appear first, and you can search for other assets. Selected images are automatically resized to fit your templates.
- Enter a text prompt. Each field in the Fields list has the Action option set to Generate for new content.
- Map all the field roles. See Field role mapping.
- Select each field type to generate variations or translate in the panel on the left side of the plugin, and paste the initial content into each Initial Content box.
{width="60%" modal="regular"}
- Click the Generate button.
Translate content after generation
- Select a generation that you want to translate.
{width="200" modal="regular"}
- Choose Translation, then click Translate.
- Select your target language or languages.
- Click Select.
Translation results include:
- A new page appears with translated content.
- Each translation shows the target language or locale.
- Original content remains unchanged in the original page.
Other actions on content fields after generation
When you’re editing existing content in a field, useful options appear in the plugin panel.
Options include:
- Change the Value to alter text directly. Changing this content automatically applies to all selected variations.
- The AI can perform many Action options, including:
After selecting an Action option, regenerate content with the Regenerate button.
Export experiences
Variations can be exported from Figma as GenStudio for Performance Marketing Experiences.
-
Select the content to be exported in the Figma canvas by doing one of the following:
- Select the generation section in the canvas, then click Mark all for Export in the plugin panel.
{width="200" modal="regular"}
- Select an individual generation in the canvas, then click Mark for Export in the plugin panel.
{width="200" modal="regular"}
- Select the generation section in the canvas, then click Mark all for Export in the plugin panel.
-
Select the Export item from the sidebar menu.
{width="60%" modal="regular"}
-
Select a destination.
-
Click Export to export the content.
A ZIP file is created in the plugin panel, or a link to Open in GenStudio appears. Use the ZIP link to choose where to save the file, or select Open in GenStudio.
Generation history
The plugin maintains a history of changes for each field. On the template page, choose Generation history in the plugin sidebar.
Troubleshooting
Consider these best practices and tips if text or images are not being replaced in generated variations.
Mapped fields
If text or images are not being replaced, check that fields have been mapped to GenStudio field roles in the plugin UI. See Field role mapping.
Confirm fonts are available
A text field’s font must be available on your machine for replacement to occur during generation. Confirm that all fonts used in the file are available on your machine, especially if the file was created on someone else’s machine.
Consider field role support
Certain channels only support replacement in specific fields. Be aware of exceptions for field role mapping.