How to Connect Mailchimp and Figma: Step-by-Step Guide (2026)

In the dynamic landscape of digital product development and marketing, efficiency hinges on seamless communication and automated workflows. While Mailchimp empowers your email marketing campaigns and Figma revolutionizes collaborative design, connecting these two platforms might not seem immediately obvious. However, integrating Mailchimp and Figma can significantly streamline processes, improve communication between design and marketing teams, and ensure design assets align with campaign strategies.

This guide will walk you through the practical steps to connect Mailchimp and Figma using an integration platform, enabling automated data flow and reducing manual effort. By 2026, such integrations are no longer optional but essential for competitive businesses.

Why Connect Mailchimp and Figma?

The primary benefit of integrating Mailchimp and Figma lies in bridging the gap between design creation and marketing execution. Designers often create assets, prototypes, and user flows that directly inform marketing campaigns. Marketers, on the other hand, gather audience data and campaign performance insights crucial for design iterations.

Connecting these systems allows for:

• Automated Communication: Notify marketing teams when design assets are ready for a campaign, or inform designers about new customer feedback from Mailchimp surveys that requires design attention.
• Streamlined Content Hand-off: Ensure marketing receives the correct design assets, links, or specifications directly for use in Mailchimp campaigns, reducing errors and delays.
• Data-Driven Design: Use insights from Mailchimp (e.g., audience segments, popular content types) to influence design decisions in Figma.
• Consistent Brand Experience: Maintain brand consistency across all touchpoints by linking design approvals to campaign launches.

By automating these interactions, teams can reduce manual tasks, minimize miscommunication, and accelerate project delivery.

What You Need to Connect Mailchimp and Figma

To successfully integrate Mailchimp and Figma, you will need the following:

• Mailchimp Account: An active account with administrator access to manage lists, campaigns, and API keys.
• Figma Account: An active account with access to design files, projects, and permissions to manage webhooks or API integrations.
• An Integration Platform Account: A third-party integration platform like Make.com (formerly Integromat), which acts as the intermediary to connect Mailchimp and Figma. These platforms provide the tools to build custom automation workflows without writing code.

Step-by-Step Guide to Connect Mailchimp and Figma

This guide will use Make.com as the integration platform, given its robust features and visual builder. The general principles apply to other integration tools as well.

Step 1: Create a New Scenario in Make.com

1. Log in to your Make.com account. If you don't have one, you can register for free.
2. From your dashboard, click the "Create a new scenario" button. This will open the visual builder where you can design your automation workflow.

Step 2: Choose Your Trigger Module (Mailchimp or Figma)

Your automation workflow starts with a trigger – an event in one application that initiates the scenario. Decide which application's event should kick off the process.

• If Mailchimp is the trigger:

  Click the large circle with a plus sign, search for "Mailchimp," and select it. Common Mailchimp triggers include:

  • "Watch New Subscriber" (when someone joins a list)
  • "Watch New Campaign" (when a new email campaign is created)
  • "Watch Subscriber Activity" (e.g., email opened, clicked).

  Select the desired trigger and connect your Mailchimp account by authenticating it via OAuth or API key if prompted.

• If Figma is the trigger:

  Click the large circle with a plus sign, search for "Figma," and select it. Common Figma triggers often involve webhooks or monitoring for changes:

  • "Watch Comments" (when a new comment is added to a file)
  • "Watch Files in a Project" (when a new file is added or updated)
  • "Watch Project Events" (if your plan supports specific project-level events).

  You may need to set up a webhook in your Figma project settings that points to the URL provided by Make.com for the trigger module. Authenticate your Figma account.

Step 3: Add Your Action Module (Figma or Mailchimp)

Next, you'll define the action that occurs in the other application once the trigger event happens. Click "Add another module" next to your trigger module.

• If Mailchimp was the trigger, add a Figma action:

  Search for "Figma" and select an action such as:

  • "Create Comment" (add a comment to a specific file, e.g., "New subscriber added to list, consider design updates").
  • "Update File Metadata" (change a file's status or add tags).
  • "Get File" (retrieve file details based on criteria).

  Connect your Figma account if you haven't already.

• If Figma was the trigger, add a Mailchimp action:

  Search for "Mailchimp" and select an action such as:

  • "Add a Subscriber to a List" (e.g., add stakeholders to a design update mailing list).
  • "Create a Campaign" (draft a new email campaign based on a design update).
  • "Send a Campaign" (send a pre-designed notification email).
  • "Update Subscriber" (change subscriber details based on Figma events).

  Connect your Mailchimp account if needed.

Step 4: Map Data Between Modules

This is where you tell Make.com how information from your trigger module should be used in your action module. Click on the action module to configure it.

For example, if your trigger is "Figma: Watch Comments" and your action is "Mailchimp: Add a Subscriber to a List," you might map the comment author's email address (from Figma) to the email field in Mailchimp. If you're sending a notification, you'd map details like the Figma file name, comment content, or design status to specific fields in your Mailchimp campaign template or subscriber notes.

Use the mapping panel that appears when you click on an action's configuration fields. Drag and drop or select variables from the trigger module to populate the action module's fields.

Step 5: Test and Activate Your Scenario

1. Once your modules are configured and data is mapped, click the "Run once" button at the bottom left of the Make.com editor. This allows you to test the scenario with real or sample data.
2. Perform the trigger action in Mailchimp or Figma (e.g., add a new comment, create a new subscriber) and observe if the scenario runs successfully in Make.com and if the expected action occurs in the other application.
3. Review the execution details for any errors. Adjust your mapping or module settings as needed.
4. Once satisfied, toggle the "Scheduling" switch to "ON" at the bottom of the editor to activate your scenario. It will now run automatically based on your defined schedule or real-time triggers.

Popular Use Cases for Mailchimp and Figma Integration

Here are three practical scenarios where connecting Mailchimp and Figma proves beneficial:

• Design Review and Feedback Notifications: When a new comment is added to a specific Figma file (trigger), automatically send an email via Mailchimp to a predefined list of stakeholders, alerting them about the new feedback and providing a direct link to the Figma file.
• Marketing Asset Handoff Automation: Upon completion or specific status change of a Figma design file (trigger), trigger a Mailchimp campaign draft to be created, pre-populating it with asset links, file names, and project notes for the marketing team to finalize and send.
• Customer Feedback-Driven Design Iterations: If a Mailchimp survey receives a specific negative feedback response (trigger), automatically create a new sticky note or task in a relevant Figma project board, flagging potential design areas that require attention.

Time Savings Estimate

Manually coordinating between design and marketing teams, sending update emails, tracking assets, and relaying feedback can consume significant time. For teams managing multiple projects or campaigns weekly, these manual tasks can add up to several hours per week.

By implementing Mailchimp and Figma automation, you can expect to save 3-5 hours per week per project team on communication, content hand-off, and feedback management. This time can then be reallocated to more strategic design work or campaign optimization, leading to faster project cycles and improved team productivity.

Frequently Asked Questions (FAQ)

Can I connect Mailchimp and Figma without a third-party integration platform?

Direct native integration between Mailchimp and Figma is not typically available. Both platforms are specialized in their respective domains (email marketing and design). A third-party integration platform like Make.com, Zapier, or Integrately is almost always required to act as an intermediary, facilitating data exchange through their APIs.

What if I only want to send specific updates, not all of them?

Integration platforms allow you to set up filters within your scenario. For example, you can configure your Figma trigger to only proceed if a comment contains a specific keyword like "#marketing-ready" or if a file is moved to a "Approved for Marketing" project. Similarly, Mailchimp triggers can be filtered based on specific list IDs or subscriber tags.

Is this integration secure?

Yes, when using reputable integration platforms like Make.com, the connection relies on official API endpoints from Mailchimp and Figma. Data is typically encrypted during transit, and you control the specific permissions granted when connecting your accounts. Always ensure you are connecting via OAuth or securely managing API keys as per the platform's guidelines.

Written by Vangari Sai Sampath, Automation Specialist · Integration Directory · Hyderabad, India