Tutorial en vídeo: crear componentes personalizados para exportaciones de email HTML

Este vídeo explica cómo añadir componentes personalizados a tus diseños de email y exportar desde Figma emails HTML responsive y listos para producción con el plugin Emailify.

Si los componentes básicos que incluye Emailify no son lo que buscas, puedes crear tus propios componentes personalizados con el creador de componentes integrado.

Haz clic en la pestaña Custom de la cabecera de categorías de componentes y, después, en el botón Build New Custom Component + para abrir el creador de componentes, donde puedes personalizar la estructura y los elementos de contenido de tu propio componente.

Cuando te guste la estructura, haz clic en el botón Create & Insert New Component. El componente se añadirá a tu diseño de email en Figma y se guardará también en tu categoría Custom para que puedas usarlo más adelante.

Editar y bifurcar tus componentes personalizados guardados

Puedes editar tus componentes personalizados guardados con el botón del icono Settings que hay junto a cada componente de la pestaña Custom de tus categorías de componentes.

Puedes guardar el componente actualizado sobre el original con el botón Update Saved Component. Esto actualiza el componente guardado, pero no afecta ni modifica el componente en ningún lugar donde ya lo hayas usado en tu diseño.

También puedes bifurcar tu componente original y "guardarlo como" un componente personalizado totalmente nuevo con el botón Create & Insert New Component. Se guardará en tu lista como un componente personalizado nuevo, sin sobrescribir el componente guardado original.

Eliminar un componente personalizado guardado

También puedes eliminar un componente personalizado guardado con el botón del icono Trash. Así se elimina el componente guardado de las categorías Custom y Favourites, pero no se borra ni se modifica el componente en ningún lugar donde ya lo hayas usado en tu diseño.