> For the complete documentation index, see [llms.txt](https://docs.cannoli.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cannoli.app/overview.md).

# Overview

{% embed url="<https://youtu.be/GKq6XDqvQAI>" %}

## What is Cannoli App?

[Cannoli App](https://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.&#x20;

### Guides: Jump right in

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

{% content-ref url="/pages/F3yNrEySCHRmkWrtimYz" %}
[Getting started on Cannoli](/guides/getting-started-on-cannoli.md)
{% endcontent-ref %}

{% content-ref url="/pages/Ag9j42RwXEKS4tEyXYLK" %}
[Preparing your Figma file from scratch](/guides/preparing-your-figma-file-from-scratch.md)
{% endcontent-ref %}

{% content-ref url="/pages/ZCP6gwvD44hl6h5ccezd" %}
[Preparing your Figma file for an image slice email](/guides/preparing-your-figma-file-for-an-image-slice-email.md)
{% endcontent-ref %}

{% content-ref url="/pages/Uiz6NW2qY74qyTPhMXOW" %}
[Creating an email system in Figma for Cannoli](/advanced/creating-an-email-system-in-figma-for-cannoli.md)
{% endcontent-ref %}

{% content-ref url="/pages/CHfmrSPfecMPUp5kZOcR" %}
[Using Cannoli's email kit on Figma](/guides/using-cannolis-email-kit-on-figma.md)
{% endcontent-ref %}

{% content-ref url="/pages/eVICNnKJxB3VK6ktvqnM" %}
[Using Cannoli's plugin on Figma](/guides/using-cannolis-plugin-on-figma.md)
{% endcontent-ref %}

## 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:

{% embed url="<https://www.figma.com/community/file/1042861645873665842>" %}

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](https://www.youtube.com/playlist?list=PLRU_8I8e-GIjA5ZoCcGYdwEYoirkbgodg)