---
url: "/pt/emailify/design/button-gradient-background.md"
description: "Botões em gradiente do Emailify funcionam na maioria dos clientes, inclusive o Outlook; nos demais (como o Yahoo! Mail), usam a primeira cor do gradiente."
---

# Adicionar fundo em gradiente aos seus botões

> Botões em gradiente do Emailify funcionam na maioria dos clientes, inclusive o Outlook; nos demais (como o Yahoo! Mail), usam a primeira cor do gradiente.

### Vídeo tutorial: adicione botões em gradiente compatíveis com o Outlook a e-mails HTML com o Figma

Este vídeo mostra como adicionar botões arredondados em gradiente compatíveis com o Outlook a e-mails HTML usando o plugin Emailify para Figma.
  [Embedded media](https://www.youtube-nocookie.com/embed/P-faEnzef20)

[Video](/assets/videos/emailify/design/button-gradient-background.mp4)

Para adicionar um fundo em gradiente às camadas Button no Emailify, defina a propriedade “Fill” da camada no Figma como um gradiente linear ou radial. Isso adiciona automaticamente um fundo em gradiente ao botão quando ele é exportado para HTML.

> **Tip:** Os fundos em gradiente dos botões exportados pelo Emailify são compatíveis com a maioria dos clientes de e-mail (inclusive o Outlook), mas os clientes sem suporte a fundos em gradiente usam a primeira cor sólida do preenchimento em gradiente do Figma. Por isso, garanta que ela seja uma cor sólida alternativa adequada (com contraste suficiente em relação à cor do texto do botão) para os casos sem suporte (por exemplo, o Yahoo! Mail).

> **Warning:** Atenção: o código do botão em gradiente não é incluído nas exportações **MJML**, e o código adicional para o Outlook não é incluído nas exportações **SendGrid**, porque nenhum dos dois aceita o código extra necessário para essas melhorias.