🚀 Automating Email Image Requests with Asana + Zapier + BannerBear

Source: Dev.to

Built With

• Asana – request form intake
• Zapier – routing + logic
• BannerBear – image rendering

The Goal

This isn’t about replacing designers.
It’s about removing repetitive promo production so designers can focus on:

• Campaign concepts
• Brand evolution
• High‑impact creative
• Strategic visual storytelling

Designers build the master templates once; automation handles the recurring production, making a huge difference.

How It Works

1️⃣ Marketing Submits a Form

The marketing team fills out a structured form inside Asana.
The form automatically creates a task in the Email Image Requests project with:

• Division
• Template type
• Promo details
• Copy
• Any needed assets

Everything starts from one intake system.

2️⃣ Designer Reviews the Request

Each brand has a dedicated designer.
The assigned designer reviews the task and ensures:

• Copy is correct
• Template selection makes sense
• Assets are attached

When approved, the designer moves the task to “Ready to Render.”

3️⃣ Moving to “Ready to Render” Triggers the Zap

Changing the section triggers Zapier, which:

1. Pulls all task data
2. Checks the Division and Template type
3. Maps the data to the correct BannerBear template

4️⃣ BannerBear Generates the Image

Zapier sends the mapped data to BannerBear, which renders the image based on the selected brand template—no manual design work required.

{
  "template": "V32jY9bBM6l0DBGWrl",
  "modifications": [
    { "name": "BG_COLOR", "color": null },
    { "name": "TXT_HEADLINE", "text": "You can change this text", "color": null, "background": null },
    { "name": "CTA_COLOR", "color": null },
    { "name": "TXT_CTA", "text": "You can change this text", "color": null, "background": null },
    { "name": "TXT_BODY", "text": "You can change this text", "color": null, "background": null },
    { "name": "IMG_FEATURED", "image_url": "https://cdn.bannerbear.com/sample_images/welcome_bear_photo.jpg" },
    { "name": "TXT_SUBHEAD", "text": "You can change this text", "color": null, "background": null },
    { "name": "TXT_LEGAL", "text": "You can change this text", "color": null, "background": null }
  ],
  "webhook_url": null,
  "transparent": false,
  "metadata": null
}

5️⃣ Zapier Updates the Task

After the image is created, Zapier:

• Retrieves the generated asset URL
• Updates a custom field called “Created Asset”

The image is now downloadable directly from the task.

One intake system, multiple brand outputs, fully automated.