Average Ratings 0 Ratings

Total
ease
features
design
support

No User Reviews. Be the first to provide a review:

Write a Review

Average Ratings 15 Ratings

Total
ease
features
design
support

Description

Cannoli is an innovative tool that converts Figma designs into responsive HTML for emails by transforming Figma files—particularly those utilizing auto-layout—into clean, MJML-based code, while also allowing users to make final adjustments such as adding links, images, preheader text, and social media icons. It features a visual editor for block editing, which empowers users to modify content directly without the need to manipulate CSS classes, and it seamlessly integrates with popular email platforms like Mailchimp. Additionally, Cannoli comes equipped with functionalities like image slicing, adherence to layer naming conventions, and compatibility with a broad array of MJML components (including sections, wrappers, columns, buttons, images, text, social elements, and others), ensuring that emails remain responsive across various service providers. The process entails designing within Figma, syncing through a dedicated plugin, generating pixel-perfect code, and enhancing email campaigns with user-friendly visual tools. Ultimately, Cannoli streamlines the email creation process from start to finish, making it easier for designers and marketers alike to produce stunning, effective emails.

Description

Where teams collaborate to design. Figma allows teams to create, test and ship better designs from beginning to end. Your work will be fast and powerful. Figma is packed with design tools you already love and unique inventions such as the Arc tool or Vector Networks. Figma keeps your ideas flowing. You don't need to stop to save, export, or install. It's what cloud software should do. Animated prototypes make your ideas come to life faster and feel just like the real thing. Get feedback from users and test your ideas earlier and more often. You can share a link to your prototypes or design files and get feedback from others. You can also jump into the same file as your colleagues, no matter where you are located in the world, and co-edit it live. You can create a scalable design system that is easy to manage and accessible for your company. If all designers speak the same language, everyone is more empowered to do their best work.

API Access

Has API

API Access

Has API

Screenshots View All

Screenshots View All

Integrations

Activepieces
Akooda
Banani
Bifrost
Campfire
Canonic Security
Clickable
Fable
Flipabit
Instant
Moxly
Orchestra
Papirfly
Phrase Localization Platform
Replo
Sizze
Userbrain
WebContainers
Zeplin
roombriks

Integrations

Activepieces
Akooda
Banani
Bifrost
Campfire
Canonic Security
Clickable
Fable
Flipabit
Instant
Moxly
Orchestra
Papirfly
Phrase Localization Platform
Replo
Sizze
Userbrain
WebContainers
Zeplin
roombriks

Pricing Details

$75 per email
Free Trial
Free Version

Pricing Details

$12.00/month/user
Free Trial
Free Version

Deployment

Web-Based
On-Premises
iPhone App
iPad App
Android App
Windows
Mac
Linux
Chromebook

Deployment

Web-Based
On-Premises
iPhone App
iPad App
Android App
Windows
Mac
Linux
Chromebook

Customer Support

Business Hours
Live Rep (24/7)
Online Support

Customer Support

Business Hours
Live Rep (24/7)
Online Support

Types of Training

Training Docs
Webinars
Live Training (Online)
In Person

Types of Training

Training Docs
Webinars
Live Training (Online)
In Person

Vendor Details

Company Name

Cannoli

Country

United States

Website

cannoli.app/

Vendor Details

Company Name

Figma

Founded

2012

Country

United States

Website

www.figma.com

Product Features

Email Template Design

A/B Testing
Code From Scratch
Drag & Drop Editing
Image Library
Import HTML Code
Mobile-Friendly / Responsive
Potential Issue Identification
Premade Templates
Proofing
Reporting / Analytics
Text Editor
Theme Editor

Product Features

App Design

Change Management
Collaboration
Design Templates
Drag & Drop
Feature Library
Prototyping
Testing Management
Visual Interface

Diagram

Data Import / Export
Drag & Drop
Flowchart
For Developers
Mind Map
Multi-User Collaboration
Organizational Charting
Templates

Graphic Design

Collaboration
Data Visualization
Filtering
Image Database
Image Editor
Templates

Presentation

3D Objects
Animations & Transitions
Audio Content
Collaboration Tools
Content Library
Customizable Templates
Media Library
Offline Editing
Offline Presenting
Screen Sharing
Search/Filter
Templates
Video Content

Prototyping

Animation
Collaboration
Drag & Drop
Software Prototyping
Templates
UI Prototyping
UX Prototyping
Usability Testing
Version Control

UX

Animation
For Mobile
For Websites
Heatmaps
Prototyping
Screen Activity Recording
Unmoderated Testing
Usability Testing
User Journeys
User Research

Vector Graphics

2D Drawing
Animation
Data Import / Export
Drag & Drop
Image Editor
Image Tracing
Rendering
Templates

Wireframe

Collaboration
Desktop Interface
Drag & Drop
Feedback Management
Interactive Elements
Mobile Interface
Mockup Creation
Page Linking
Presentation Tools
Prototype Creation
Revision History
Screen Capture
Wireframe Creation

Alternatives

Alternatives