Vídeo tutorial: crie componentes personalizados para exportações de e-mail HTML

Este vídeo mostra como adicionar componentes personalizados aos seus designs de e-mail e exportar do Figma e-mails HTML responsivos e prontos para produção com o plugin Emailify.

Se os componentes básicos incluídos no Emailify não forem o que você procura, crie seus próprios componentes personalizados com o criador de componentes integrado.

Clique na aba Custom no cabeçalho das categorias de componentes e depois no botão Build New Custom Component + para abrir o criador de componentes, onde você pode personalizar o layout e os elementos de conteúdo do seu componente.

Quando estiver satisfeito com a estrutura, clique no botão Create & Insert New Component. O componente é adicionado ao design do e-mail no Figma e também fica salvo na categoria Custom para uso futuro.

Editar e duplicar os componentes personalizados salvos

Para editar os componentes personalizados salvos, clique no botão de ícone Settings ao lado de qualquer componente listado na aba Custom das categorias de componentes.

Você pode salvar o componente atualizado por cima do original clicando no botão Update Saved Component. Isso atualiza o componente salvo, mas não afeta nem modifica o componente nos lugares do design em que ele já foi usado.

Outra opção é criar um fork do componente original e “salvar como” um componente personalizado totalmente novo clicando no botão Create & Insert New Component. Ele é salvo como um novo componente personalizado na sua lista, sem substituir o componente original salvo.

Remover um componente personalizado salvo

Você também pode remover um componente personalizado salvo clicando no botão de ícone Trash. Isso remove o componente salvo das categorias Custom e Favourites, mas não exclui nem modifica o componente nos lugares do design em que ele já foi usado.