Getting started

Creating a new project#

When you launch the plugin for very first time, click on Create a new project. Marka will create a new frame with 600px width and autolayout.

Adding an existing project to the plugin#

If you have exiting email project, run plugin, select the frame with project and click Select project

Creating a mobile layout#

There are two options how you can create a mobile layout.

1. Responsive mode#

Mobile version creates automatically based on Auto layout and Constraints settings of a desktop frame.

Pros: Lower file size, less code

Cons: You need to pay attention to Constraints and Auto layout settings of each element.

2. Breakpoints mode#

Pros: You no need to adjust any Constraints or Auto layout settings. Easier to control elements on mobile version

Cons: Bigger file size and more code

In this mode you can design a special frame for desktop and mobile layouts.

If you don't need a mobile layout for a template, select a Breakpoints mode and use only desktop layout

Editing background of a email template#

Plugin gets the background settings from the parent of the email project. You can adjust color of the canvas, or set an image for parent frame of a project

Dark mode preview#

In the Plugin UI you can preview how emails will be showed on dark mode. This works not exatly the same as dark mode in email cilents (for example templaes with dark background will be showed with light backgorund).

This mode can help you notice how the images will be displayed with a different background.

Template file size#

For emails file size should not exceed 100KB because of Gmail. Gmail may cut emails bigger than 100KB, so I recommend to use Minify HTML option.