Preview and customize the signature file
Use Open in Figma above to view the signature layouts, then duplicate the file into your drafts to edit it. The embedded preview shows the existing Figma resource.
The file provides a starting point for branded email signatures. Replace the sample name, role and contact details, adjust colors and spacing, and use your own logo and destination links. Check the selected layout’s layers before preparing a team-wide variation.
Free template access and HTML export
The Figma template is free to access. HTML export uses the separate Marka Email Generator plugin. The free plugin plan includes limited exports; paid options provide additional capacity. Check current plan details for your needs.
- Open and duplicate the Figma file.
- Customize a signature frame and verify every contact link.
- Open Marka in Figma, select the frame and export the HTML.
- Open the exported file in a browser and copy the rendered signature into your mail client’s rich-text signature editor.
- Save it and send test messages, including replies, before using it across a team.
Open Marka to export your signature
Install and check your signature
Follow the email signature design and installation guide for Gmail, new Outlook and classic Outlook steps. Paste rendered content rather than raw HTML source into a rich-text editor.
The editor may change formatting, and recipients may block remote images. Keep contact details as live text and check the received signature in light and dark themes. Automatic logo swapping and identical rendering across all clients are not guaranteed.
Team signatures
Use a shared Figma design for brand consistency, then personalize and export each person’s signature. Updating the source file does not update installed signatures automatically. For centralized deployment, follow the instructions of your chosen signature-management service.
