Overview

What is Cannoli App?

Cannoli App is a tool that takes Figma files and turns the artboards into email code.

With Cannoli, you can use your favorite design tool (Figma!) to create beautiful and responsive emails that will work for any ESP.

Guides: Jump right in

Follow our handy guides to get started on the basics as quickly as possible:

Getting started on Cannoli

Preparing your Figma file from scratch

Preparing your Figma file for an image slice email

Creating an email system in Figma for Cannoli

Using Cannoli's email kit on Figma

Using Cannoli's plugin on Figma

Extra guides

If you are a hands-on learner, see the Email Kit for Cannoli App on Figma, which has many examples of layouts that work well for Cannoli:

Email kit for Cannoli AppFigma

If you are a visual/audio learner, see our playlist on YouTube with a series of five videos on how to best use Figma and Cannoli to code your emails:

• Cannoli App tutorial on YouTube