Figma layers support and best practices
Below is a table with the proper way to name each layer in Figma. This way Cannoli will identify the structure and layer names to convert your design to MJML code.
Layer Naming Convention
Figma Layer Examples
Vectors could be translated as mj-images as well.
Currently texts are detected by Cannoli without the need to name the layers as shown here.
If you designed the button with icons or gradients, we suggest using mj-image instead.
Social Media Icon
Add another mj-social-element if you need a row with multiple icons.