Figma Email Templates

Preview

Email templates are responsive designs that you can use to kickstart your newsletter or design a marketing campaign in Figma. Each template is responsive and easy to customize using components and Figma variables.

The email templates include marketing design examples for product updates and common application messages, such as sign-in and sign-up notifications, as well as receipt emails.

The email templates are responsive marketing and transactional layouts — product updates, sign-in and sign-up notifications and receipts — built from components and Figma variables so each customises without redrawing.

Email Templates AI Prompt

Paste this into Claude, ChatGPT, or Figma Make:

Build a set of email templates in Figma at a 600px desktop width and a 375px mobile width. Shared shell: a header with the logo centred, a content card with 32px padding on a light grey page background, and a footer with social icons, a physical address, an unsubscribe link and a view-in-browser link. Product update: a hero image, a headline, two short paragraphs, a feature row of three icon-and-text columns and a single primary button. Sign-in notification: an alert icon, a sentence stating the device, location and time of the sign-in, a Secure your account button and a muted line for ignoring if it was you. Sign-up confirmation: a welcome headline, a six-digit verification code in a bordered box with letter spacing, and a Confirm email button. Receipt: an order number and date, a line-item table with thumbnail, name, quantity and price, a subtotal, tax and bold total, and a shipping address block. Bind colours and the logo to variables so re-branding is one mode switch.

Source