← Back to Emailify Video Tutorials

What this video covers

The video shows how to design a simple HTML email in the Emailify Figma plugin, export it as a SugarCRM-ready ZIP, and then import the generated index.html into Sugar Market using the custom code editor. It also demonstrates adding the SugarCRM footer, previewing the email, and setting the subject line and preheader text before export.

Things you'll need

• Access to Figma with the Emailify Figma plugin
• Access to SugarCRM Sugar Market

Steps

1. Open your Figma file, run the Emailify plugin from Resources or Saved plugins, and add a new Emailify frame for your email design.
2. Add the SugarCRM footer from the footer tab under Platforms so the unsubscribe link and viewing browser link are pre-populated.
3. Preview the email in Emailify if needed, then click export HTML, choose SugarCRM, enter the subject line and preheader text, and export for SugarCRM.
4. Download the ZIP file, unzip it, and locate the index.html file inside the folder named after the email.
5. In Sugar Market, use Quick Create to create a new Email, fill in the campaign details, and continue to the design step.
6. Switch from the Themes tab to the Code tab, choose Blank, delete the default code, and drag and drop index.html into the editor.
7. Review the rendered email, optionally send a test, save the template, and continue through the normal SugarCRM email flow.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Uploading your emails to SugarCRM (Sugar Market)
• Next: Export HTML emails from Figma to Benchmark Email
• Open Emailify in the Figma Community