# How Customer.io uses Figma

As published on [figma.com](https://www.figma.com/customers/how-customerio-simplifies-design-handoffs-with-variables-and-dev-mode/). Captured by usedby on 2026-10-08.

- Company: [Customer.io](https://www.usedby.ai/companies/customer-io.md)
- Tool: [Figma](https://www.usedby.ai/tools/figma.md)
- Industry: [Marketing Tech](https://www.usedby.ai/companies/industry/marketing-tech-martech.md)
- Teams: Product Design, Brand Studio, Engineering

## What the story says

Customer.io's product design team uses Figma variables to standardize colors, spacing, type size, border radius and typography, and uses Dev Mode annotations to hand designs off to developers. This reduces implementation errors and speeds up the design-to-development handoff.

Summary written by usedby from the source page, in English. The figures are those of Figma and Customer.io, not ours.

> With variables, the team was able to standardize design properties from the ground up. "A developer doesn't have to worry about making their own interpretation of a design. It's going to help new developers translate a mock into implementation when the spec is 60–70% right in front of them," says Aiden.

> A developer doesn't have to worry about making their own interpretation of a design.
>
> Aiden Bordner, Sr. Director, Head of Product Design

## What usedby checked

We compared the story with its live page on 2026-10-08.

- Checked: the passage quoted above is copied word for word from the page, near the name of Customer.io.
- Checked: Customer.io uses Figma. Confirmed line. Latest check across sources: 2026-10-08.
- Not checked: the result itself. We quote it; we did not measure it.

---
Source: https://www.usedby.ai/case-studies/customer-io-figma · How we check: https://www.usedby.ai/methodology