Använda Klaviyo-pluginen för Figma

Du kommer att lära dig

Lär dig hur du installerar Klaviyo-pluginen för Figma, ansluter ditt Klaviyo-konto och exporterar design från Figma direkt till ditt Klaviyo-bildbibliotek, där de är redo att användas i kampanjer, flöden och mallar.

De viktigaste stegen för att komma igång är:

• Installera Klaviyo-pluginen i Figma.
• Anslut ditt Klaviyo-konto.
• Exportera en bildruta eller en batch lager till ditt Klaviyo-bildbibliotek.

Innan du börjar

Du behöver:

• Ett Klaviyo-konto med behörighet att hantera bilder.
• Ett Figma-konto med Figma-datorappen eller webbläsarredigeraren.

Installera pluginen

1. I Figma öppnar du en designfil.
2. Öppna menyn för plugins och sök i Figma Community efter ”Klaviyo”
3. Kör pluginen. Första gången du öppnar den ser du en välkomstskärm med en Anslut konto-knapp.

Anslut ditt Klaviyo-konto

1. I pluginen klickar du på Anslut konto. En Klaviyo-auktoriseringssida öppnas i din webbläsare.
2. Logga in på Klaviyo (om du inte redan är det), välj det konto du vill ansluta och godkänn den begärda åtkomsten.
3. Återgå till Figma. Plugin-programmet upptäcker anslutningen automatiskt och visar ditt konto på fliken Inställningar.

Om webbläsarfönstret inte öppnas (eller om du stänger det av misstag) klickar du på knappen igen för att öppna auktoriseringssidan igen. Om du inte slutför auktoriseringen inom 2 minuter slutar pluginen att vänta och ber dig att försöka igen.

Exportera en design till Klaviyo

1. Markera en bildruta eller ett lager på din Figma-canvas. Pluginens exportflik visar en förhandsgranskning och designens dimensioner.
2. Alternativt kan du ange ett filnamn. Om du låter den vara tom används lagrets namn.
3. Välj en storlek (till exempel 1x, 2x eller en fast bredd) och ett format (PNG eller JPG).
4. Om du har mer än ett konto anslutet väljer du det konto du vill exportera till.
5. Klicka på Exportera till Klaviyo. När exporten är klar är bilden tillgänglig i ditt Klaviyo-bildbibliotek.

Exportera flera lager samtidigt

Välj två eller flera lager för att växla till batchexport. Du ser listan över valda lager med deras dimensioner, och du kan ange en delad storlek och format eller behålla varje lagers egna inställningar. I de avancerade inställningarna kan du också lägga till ett prefix eller suffix i varje filnamn eller ersätta alla namn med ett delat basnamn. En förloppsindikator spårar batchen när den laddas upp.

Avancerade exportinställningar

Klicka på kugghjulsknappen bredvid storleks- och formatväljarna för att justera hur Figma renderar exporten:

• Färgprofil – exportera med hjälp av dokumentets färgprofil, sRGB eller Display P3.
• Ignorera överlappande lager – exportera endast det markerade innehållet, exklusive allt som överlappar det.
• Inkludera begränsningsram – inkludera lagrets hela begränsningsram i exporten.

Visa din exporthistorik

Fliken Historik visar dina tidigare exporter grupperade efter uppladdning, med miniatyrer som länkar till varje uppladdad bild. Använd länken till Klaviyo-mediebibliotek längst ner på fliken för att öppna ditt bildbibliotek i webbläsaren, eller Rensa historik för att ta bort listan från pluginen (detta tar inte bort bilderna från Klaviyo).

Hantera anslutna konton

På fliken Inställningar kan du lägga till konton eller ta bort ett med papperskorgsikonen bredvid. Av säkerhetsskäl lagrar pluginen inte din Klaviyo-session mellan användningarna – om du stänger och öppnar pluginen igen kan du bli ombedd att återansluta före din nästa export.

Felsökning

• ”Anslutningen avbröts på grund av tidsbrist. Försök igen.” — Auktoriseringen slutfördes inte i tid. Klicka på Anslut konto (eller Lägg till konto) för att börja om. En ny auktoriseringssida öppnas varje gång.
• ”Din Klaviyo-session har löpt ut.” — Gå till fliken Inställningar och återanslut kontot och exportera sedan igen.
• Vissa lager i en batch kan inte exporteras – Framgångsrika lager laddas fortfarande upp och registreras i Historik. Kontrollera att de felaktiga lagren fortfarande finns kvar i filen, markera dem och exportera igen.