De plug-in van Klaviyo voor Figma gebruiken
Wat je leert
Leer hoe je de Klaviyo-plug-in voor Figma installeert, koppelt aan je Klaviyo-account en hoe ontwerpen van Figma rechtstreeks naar je Klaviyo-afbeeldingsbibliotheek exporteert, waar ze klaar zijn voor gebruik in campagnes, flow en templates.
De belangrijkste stappen om aan de slag te gaan zijn:
- Installeer de plug-in van Klaviyo in Figma.
- Koppel je Klaviyo-account.
- Exporteer een kader of een batch lagen naar je Klaviyo afbeeldingsbibliotheek.
Voordat je van start gaat
Je hebt nodig:
- Een Klaviyo-account met toestemming om afbeeldingen te beheren.
- Een Figma-account met de Figma desktop-app of browser-editor.
De plug-in installeren
- Open een ontwerpbestand in Figma.
- Open het plug-inmenu en zoek in de Figma Community naar 'Klaviyo'
- Voer de plug-in uit. De eerste keer dat je deze opent, zie je een welkomstscherm met de knop Account koppelen.
Je Klaviyo-account koppelen
- Klik in de plug-in op Account koppelen. Er wordt een autorisatiepagina van Klaviyo in je browser geopend.
- Log in op Klaviyo (als je dat nog niet bent), kies het account dat je wilt koppelen en keur de aangevraagde toegang goed.
- Terug naar Figma. De plug-in detecteert de verbinding automatisch en toont je account op het tabblad Instellingen.
Als het browservenster niet opent (of je het per ongeluk sluit), klik je opnieuw op de knop om de autorisatiepagina opnieuw te openen. Als je de autorisatie niet binnen 2 minuten afrondt, stopt de plug-in met wachten en wordt je gevraagd om het opnieuw te proberen.
Een ontwerp exporteren naar Klaviyo
- Selecteer een kader of laag op het Figma-canvas. Het tabblad Export van de plug-in toont een voorbeeld en de afmetingen van het ontwerp.
- Stel optioneel een bestandsnaam in. Als je dit leeg laat, wordt de naam van de laag gebruikt.
- Kies een formaat (bijv. 1x, 2x of een vaste breedte) en een formaat (PNG of JPG).
- Als je meer dan één account hebt gekoppeld, kies dan het account waarnaar je wilt exporteren.
- Klik op Exporteren naar Klaviyo. Als de export klaar is, is de afbeelding beschikbaar in je Klaviyo-afbeeldingsbibliotheek.
Meerdere lagen in één keer exporteren
Selecteer 2 of meer lagen om over te schakelen naar batchexport. Je ziet een lijst met geselecteerde lagen met hun afmetingen, en je kunt een gedeelde grootte en indeling instellen of de eigen instellingen van elke laag behouden. In de geavanceerde instellingen kun je ook een voor- of achtervoegsel toevoegen aan elke bestandsnaam, of alle namen vervangen door een gedeelde basisnaam. Een voortgangsbalk volgt de batch tijdens het uploaden.
Geavanceerde exportinstellingen
Klik op het tandwielknop naast de formaat- en formaatkiezers om aan te passen hoe Figma de export rendert:
- Kleur profiel — exporteer met behulp van de kleur profiel, sRGB of Display P3 van het document.
- Overlappende lagen negeren — exporteer alleen de geselecteerde content, sluit alles uit wat de content overlappen.
- Selectievakje opnemen — neem het volledige selectiekader van de laag op in de export.
Je exportgeschiedenis bekijken
Het tabblad Geschiedenis toont je eerdere exports gegroepeerd op upload, met thumbnails die linken naar elke geüploade afbeelding. Gebruik de link naar de Klaviyo-mediabibliotheek onderaan het tabblad om je afbeeldingsbibliotheek te openen in de browser, of Geschiedenis wissen om de lijst uit de plug-in te verwijderen (dit verwijdert de afbeeldingen niet uit Klaviyo).
Verbonden account beheren
Op het tabblad Instellingen kun je een account toevoegen of verwijderen met het prullenbakpictogram ernaast. Om veiligheidsredenen slaat de plug-in je Klaviyo-sessie tussen gebruiksmomenten niet op. Als je de plug-in sluit en opnieuw opent, kan je worden gevraagd om opnieuw verbinding te maken voor je volgende export.
Probleemoplossing
- 'Time-out bij verbinding. Probeer het opnieuw.' — De autorisatie is niet op tijd voltooid. Klik op Account koppelen (of Account toevoegen) om opnieuw te beginnen. Elke keer wordt er een nieuwe autorisatiepagina geopend.
- 'Je Klaviyo-sessie is verlopen.' — Ga naar het tabblad Instellingen, maak opnieuw verbinding met het account en exporteer opnieuw.
- Sommige lagen in een batch kunnen niet worden geëxporteerd. Succesvolle lagen worden nog steeds geüpload en vastgelegd in Geschiedenis. Controleer of de lagen met fouten nog steeds in het bestand bestaan, selecteer ze dan en exporteer opnieuw.