Overview
Parcel is a code editor for building and testing emails. The Email Love Figma plugin converts the email you designed in Figma to Parcel-native HTML and downloads it as a ZIP, ready to paste into a Parcel template.
- Works with
- The Figma plugin and Email Love Builder
- Export type
- Parcel HTML in a ZIP
- You need
- No API key. The export is a download.
- Where it lands
- A Parcel template, in code view
- Components
- x-base, x-section, x-row and x-column
What it does
- Converts your design to Parcel-native HTML, with Parcel’s x-base, x-section, x-row and x-column components.
- Downloads a ZIP with the HTML file and any image files.
- Keeps your unsubscribe link for the platform you send through.
How to export from Figma to Parcel
Select your email frame, open Export and choose Parcel.
Click Export. The design is converted and a ZIP downloads.
Unzip it and paste the HTML into a Parcel template, in code view.
Save it. The email is now editable with Parcel’s component syntax.
Email Love Builder and Parcel
Email Love Builder works with Parcel too. Your marketers build emails from your approved components in the drag-and-drop editor, without opening Figma, and export them for Parcel.
Each component in the Builder is mapped to its Figma component, so your designers update it in Figma and re-sync it. See Email Love Builder.
Good to know
- Paste the HTML into Parcel’s code view, not into plain HTML mode.
Resources
FAQ
Can I export emails from Figma to Parcel?
Yes. The Email Love Figma plugin converts the email you designed in Figma to Parcel-native HTML and downloads it as a ZIP. Paste it into a Parcel template in code view.
Does Email Love Builder work with Parcel?
Yes. Email Love Builder works with Parcel too, so your marketers can build emails from your approved components in the drag-and-drop editor and export them for Parcel.
