Billedskæring i Figma til Cannoli

Hvis du prøver at lave et billedtungt Figma e-maildesign, har vi en metode, der gør det nemt ved hjælp af Cannoli.app.

I denne Cannoli Bite lærer du, hvordan du bruger en teknik kaldet image slicing og bruger den til at oprette et brugerdefineret Figma e-maildesign i Cannoli.

Se denne korte videovejledning eller følg den skriftlige vejledning nedenfor for at komme i gang!

1. Cannoli

Hvis du ikke har tilmeldt dig Cannoli endnu, kan du gøre det ved at gå til cannoli.app Du kan også bruge Figma til HTML-plugin til Cannoli For en trinvis vejledning til, hvordan du konfigurerer pluginet, kan du se denne side .

2. Udskæring af billederne

Lad os sige, at du har overlappende billeder, eller måske vil du have tekst på en meget specifik placering, men automatisk layout gør ikke, hvad du ønsker. Her er en løsning, du kan prøve.

For det første er navngivningskonventioner vigtige i Cannoli, så for at dit design kan konverteres korrekt, skal du sørge for at gøre følgende:

• Navngiv din række 'mj-section'

• Navngiv din kolonne 'mj-kolonne'

Herfra skal du starte med at vælge din komposition.

Tilføj derefter kompositionen til en gruppe. Omdøb kompositionen til mj-image , og tilføj den til en mj-kolonne og en mj-sektion.

Dette kaldes billeddeling, og det giver dig mulighed for at bruge mere komplekse designs i dine e-mails.