Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Translate email designs in Figma with ChatGPT - This tutorial shows how to use the Emailify Figma plugin to automatically translate an email design into multiple languages with either the ChatGPT API or a manual ChatGPT prompt. It also shows how to import the translated frames back into Figma and export the localized emails as HTML.. Machine-readable page: /emailify/tutorials/translate-email-designs-in-figma-with-chatgpt.md.

Translate email designs in Figma with ChatGPT

This tutorial shows how to use the Emailify Figma plugin to automatically translate an email design into multiple languages with either the ChatGPT API or a manual ChatGPT prompt. It also shows how to import the translated frames back into Figma and export the localized emails as HTML.

← Back to Emailify Video Tutorials

What this video covers

This tutorial shows how to use the Emailify Figma plugin to automatically translate an email design into multiple languages with either the ChatGPT API or a manual ChatGPT prompt. It also shows how to import the translated frames back into Figma and export the localized emails as HTML.

Things you'll need

  • An existing email design already set up in Emailify
  • For the ChatGPT API method, an OpenAI account with billing and an API key

Steps

  1. Open a Figma file, run the Emailify plugin, and click Localize in the header.
  2. Choose either ChatGPT API or ChatGPT prompt under the AI translation options.
  3. For ChatGPT API, enter an OpenAI API key, choose a model, select the target languages, and click Translate and Import.
  4. For ChatGPT prompt, click Generate prompt, then Copy prompt to clipboard, paste it into chatgpt.com, and copy the ChatGPT response.
  5. Paste the ChatGPT reply into the Emailify field labeled paste the ChatGPT reply below, then click Translate Figma frame.
  6. Review the newly created translated frames in Figma, such as French, Korean, and German versions.
  7. If needed, preview the result as HTML and use Export HTML to generate the HTML, images, code, and ZIP file.

Useful links