Si por cualquier motivo necesitas añadir a tu email algún CSS personalizado muy específico, o algo de HTML dentro de la etiqueta <head></head>, puedes hacerlo con el plugin Emailify: selecciona el frame de Figma que contiene tu email, haz clic en el botón Settings y añade el código que quieras insertar.

El campo Add Mobile CSS Rules añade estas reglas CSS dentro de la etiqueta @media de los estilos de móvil, de modo que se aplican a cualquier tamaño de pantalla inferior al ancho de tu frame de Figma (tendrás que usar !important en todas las reglas CSS que añadas aquí).

El campo Add Inline CSS Rules aplica automáticamente en línea las propiedades CSS al selector HTML que indiques (por ejemplo, si añades p { color: blue }, se añadirá style="color: blue;" en línea a todas las etiquetas <p> del código HTML exportado de tu email).

El campo Add Head Tag HTML inserta automáticamente el HTML que escribas aquí en la etiqueta <head></head> de tu email HTML exportado. Puede ser útil si tu plataforma de email marketing te permite añadir etiquetas de seguimiento especiales u otras etiquetas HTML que haya que incluir en la etiqueta <head></head> de tu HTML.

Emailify minifica automáticamente las exportaciones HTML para reducir su peso al máximo, pero si añades código personalizado en el que es importante que las clases CSS no se modifiquen porque usas interactividad con pseudoclases, puedes evitar la minificación: asegúrate de que tu CSS personalizado contenga al menos una regla de estilo #interactive:checked (por ejemplo, #interactive:checked ~ .content { display: block; }) y el plugin desactivará automáticamente la minificación para ese email.

Puedes aplicar ajustes en bloque abriendo Settings y seleccionando en Figma varias capas de Emailify del mismo tipo. Cualquier ajuste que cambies se aplicará a todas las capas seleccionadas.