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.
If you have exiting email project, run plugin, select the frame with project and click
There are two options how you can create a mobile layout.
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
Auto layout settings of each element.
Pros: You no need to adjust any
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
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
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.
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.