---
url: "/emailify/tutorials/add-a-countdown-timer-to-html-emails-in-figma.md"
description: "This tutorial shows how to add a dynamic countdown timer to an HTML email in Figma using the Emailify plugin. It uses a countdown image URL from a timer service, overrides the image source in Emailify, previews the result, and exports the email to HTML."
---

# Add a countdown timer to HTML emails in Figma

> This tutorial shows how to add a dynamic countdown timer to an HTML email in Figma using the Emailify plugin. It uses a countdown image URL from a timer service, overrides the image source in Emailify, previews the result, and exports the email to HTML.

[← Back to Emailify Video Tutorials](/emailify/tutorials)

[Embedded media](https://www.youtube-nocookie.com/embed/1IOfvsZTTXM)

## What this video covers

This tutorial shows how to add a dynamic countdown timer to an HTML email in Figma using the Emailify plugin. It uses a countdown image URL from a timer service, overrides the image source in Emailify, previews the result, and exports the email to HTML.

## Things you'll need

- Figma
- Emailify plugin

## Steps

1. [ ] Open a new Figma file and run the Emailify plugin from the Resources icon or Saved plugins.
2. [ ] Create an Emailify email frame and add a simple content layout with a Column layer.
3. [ ] Generate a countdown timer on sendtric.com, copy the timer image URL from the src attribute, and paste or place the timer image into Figma.
4. [ ] Select the image layer, open Emailify "HTML & Mobile Settings," and use "Override image source" to paste in the dynamic countdown URL.
5. [ ] Preview the email to confirm the countdown timer loads dynamically in the HTML preview.
6. [ ] Export using "Export HTML" and the "HTML Email" option, then open the exported files to verify the countdown timer appears in the HTML output.

## Useful links

- [Watch the full video on YouTube](https://www.youtube.com/watch?v=1IOfvsZTTXM)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-add-a-countdown-timer-to-html-emails-in-figma-using-emailify)
- [Read: Adding countdown timer GIF embeds to your email designs](/emailify/content/countdown-timers)
- [Next: Design and export HTML Email Signatures from Figma](/emailify/tutorials/design-and-export-html-email-signatures-from-figma)
- [Open Emailify in the Figma Community](https://www.figma.com/community/plugin/910671699871076601)