Como usar o plugin da Klaviyo para a Figma
O que você vai aprender
Saiba como instalar o plugin da Klaviyo para a Figma, conectar sua conta Klaviyo e exportar designs da Figma diretamente para sua biblioteca de imagens da Klaviyo, onde eles estão prontos para uso em campanhas, fluxos e modelos.
As principais etapas para começar são:
- Instale o plugin da Klaviyo na Figma.
- Conecte sua conta Klaviyo.
- Exporte um quadro ou um lote de camadas para sua biblioteca de imagens da Klaviyo.
Antes de começar
Você precisará de:
- Uma conta Klaviyo com permissão para gerenciar imagens.
- Uma conta Figma com o aplicativo Figma para desktop ou editor de navegador.
Instalar o plugin
- Na Figma, abra qualquer arquivo de design.
- Abra o menu de plugins e procure "Klaviyo" na Figma Community
- Execute o plugin. Na primeira vez que você abri-lo, verá uma tela de boas-vindas com um botão Conectar conta.
Conecte sua conta Klaviyo
- No plugin, clique em Conectar conta. Uma página de autorização da Klaviyo é aberta no seu navegador.
- Faça login na Klaviyo (caso ainda não esteja), escolha a conta que deseja conectar e aprove o acesso solicitado.
- Retornar para Figma. O plugin detecta a conexão automaticamente e mostra sua conta na aba Configurações.
Se a janela do navegador não abrir (ou se você fechá-la por acidente), clique no botão novamente para reabrir a página de autorização. Se você não terminar de autorizar dentro de 2 minutos, o plugin pára de esperar e pede que você tente novamente.
Exportar um design para a Klaviyo
- Selecione um quadro ou camada na tela da Figma. A aba Export do plugin mostra uma visualização e as dimensões do design.
- Como alternativa, defina um nome de arquivo. Se você deixá-lo em branco, será usado o nome da camada.
- Escolha um tamanho (por exemplo, 1x, 2x ou uma largura fixa) e um formato (PNG ou JPG).
- Se você tiver mais de uma conta conectada, escolha a conta para a qual exportar.
- Clique em Exportar para a Klaviyo. Quando a exportação for concluída, a imagem ficará disponível na biblioteca de imagens da Klaviyo.
Exportar várias camadas de uma só vez
Selecione 2 ou mais camadas para alternar para a exportação em lote. Você verá a lista de camadas selecionadas com suas dimensões e poderá definir um tamanho e formato compartilhados ou manter as configurações de cada camada. Nas configurações avançadas, você também pode adicionar um prefixo ou sufixo a cada nome de arquivo ou substituir todos os nomes por um nome base compartilhado. Uma barra de progresso rastreia o lote conforme ele é carregado.
Configurações avançadas de exportação
Clique no botão de engrenagem ao lado dos seletores de tamanho e formato para ajustar como a Figma renderiza a exportação:
- Perfil de cores — exporte usando o perfil de cores do documento, sRGB ou Display P3.
- Ignorar camadas sobrepostas — exporte apenas o conteúdo selecionado, excluindo qualquer coisa sobreposta.
- Incluir caixa delimitadora — inclua a caixa delimitadora completa da camada na exportação.
Veja seu histórico de exportações
A aba Histórico mostra suas exportações anteriores agrupadas por upload, com miniaturas que vinculam a cada imagem carregada. Use o link da biblioteca de mídia da Klaviyo na parte inferior da aba para abrir sua biblioteca de imagens no navegador ou Limpe o histórico para remover a lista do plugin (isso não exclui as imagens da Klaviyo).
Gerenciar contas conectadas
Na aba Configurações, você pode adicionar contas ou remover uma com o ícone de lixo ao lado. Por segurança, o plugin não armazena sua sessão da Klaviyo entre usos. Se você fechar e reabrir o plugin, poderá ser solicitado que você se reconecte antes da próxima exportação.
Solução de problemas
- "A conexão expirou. Tente novamente." — A autorização não foi concluída a tempo. Clique em Conectar conta (ou Adicionar conta) para começar novamente; uma nova página de autorização é aberta todas as vezes.
- "Sua sessão da Klaviyo expirou." — Vá para a aba Configurações e reconecte a conta e, em seguida, exporte novamente.
- Algumas camadas em um lote não são exportadas — As camadas bem-sucedidas ainda são carregadas e registradas no histórico. Verifique se as camadas com falha ainda existem no arquivo e, em seguida, selecione-as e exporte novamente.