Aprenda a construir componentes de botão reutilizáveis no Figma que funcionam perfeitamente em todo o seu sistema de design de email. Este tutorial orienta sobre como criar variantes de botão, aninhar componentes e usar o Plugin Email Love Figma para otimizar seu fluxo de produção de emails.
O que você vai aprender:
Como criar componentes de botão com espaçamento e estilo consistentes
Configuração de variantes de botão (cores, estilos, contornos diferentes)
Aninhamento de componentes de botão dentro do seu sistema de design
Fazendo atualizações globais que se propagam por todos os templates
Salvando botões personalizados no Plugin Email Love Figma
Marcos de tempo:
0:00 - Introdução
0:45 - Criando seu primeiro componente de botão
2:25 - Entendendo o espaçamento e escalonamento do botão
4:05 - Configurando variantes de botão
5:36 - Usando a biblioteca de ativos
7:02 - Aplicando botões ao seu sistema de design
9:14 - Salvando botões no plugin
Por que isso é importante:
Configurar botões como componentes do Figma significa que você pode atualizar o estilo do seu botão uma vez e vê-lo mudar em todos os lugares do seu sistema de design. Chega de atualizar manualmente dezenas de templates de email quando suas diretrizes de marca mudam.
Recursos:
Sobre o Email Love:
O Email Love ajuda equipes de marketing a projetar emails no Figma e exportá-los como código pronto para produção para qualquer ESP (Iterable, Braze, Salesforce Marketing Cloud, HubSpot, Klaviyo e mais). Combinamos ferramentas de design poderosas com mais de 15 anos de experiência em marketing por email.
Dúvidas? Deixe um comentário abaixo ou entre em contato no Discord.
Siga o Email Love: