---
url: "/es/emailify/design/button-gradient-background.md"
description: "Los fondos degradados de botón de Emailify funcionan en la mayoría de los clientes (incluido Outlook); donde no se admiten (como Yahoo! Mail), se usa el primer color sólido."
---

# Añadir un fondo degradado a tus botones

> Los fondos degradados de botón de Emailify funcionan en la mayoría de los clientes (incluido Outlook); donde no se admiten (como Yahoo! Mail), se usa el primer color sólido.

### Tutorial en vídeo: añadir a emails HTML botones degradados compatibles con Outlook desde Figma

Este vídeo explica cómo añadir a emails HTML botones degradados y redondeados compatibles con Outlook con el plugin Emailify para Figma.
  [Embedded media](https://www.youtube-nocookie.com/embed/P-faEnzef20)

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

Puedes añadir un fondo degradado a tus capas Button en Emailify poniendo un degradado lineal o radial en la propiedad "Fill" de la capa en Figma. Así se añadirá automáticamente un fondo degradado a tu botón cuando lo exportes a HTML.

> **Tip:** Los fondos degradados de botón que exporta Emailify son compatibles con la mayoría de los clientes de email (incluido Outlook), pero los clientes de email que no admiten fondos degradados mostrarán el primer color sólido que hayas usado en tu relleno degradado de Figma. Asegúrate de que sea un color alternativo sólido adecuado (con suficiente contraste con el color del texto del botón) para los casos en que no se admite (por ejemplo, Yahoo! Mail).

> **Warning:** Ten en cuenta que el código de los botones degradados no se incluye en las exportaciones **MJML**, y el código adicional para Outlook no se incluye en las exportaciones de **SendGrid**, porque ninguno de los dos admite el código adicional que necesitan estas mejoras.