You can download a ready-made html-layout of the letter using the plugin for Figma

It's about Marka Email Generator. This is a new plugin for Figma, a tool in which we work with letter designs and prototypes.





Until 2019, we knew two ways to create a layout: in the code editor and in block editors. The ideal block editor has not yet been invented, so we created our agency layout in code editors. To date.





At the end of 2019, a plugin for Figma appeared, which allows, subject to certain rules when creating a design layout, to unload the layout into a ready-to-send letter.





At the beginning, the plugin's capabilities were limited, but the idea hooked us. At that time, it seemed that the plugin could facilitate the process of creating simple digests and triggers. We got to know the plugin developer Grigory Mashkovtsev and offered our expert assistance in product development.





We offered the developer fixes and features, and participated in testing. In the process of working on the plugin, it became obvious that we underestimated the potential of the product, because the new tool managed to support even the most complex approaches and features of email layout.





Plugin features

  1. The quality of the layout is at the level of a high-quality layout designer.





    To analyze and fine-tune the layout generated by the new plug-in for Figma, our leading layout designers were involved. Therefore, the amount of code has been significantly reduced and the code itself began to meet the standards of our agency as much as possible.





  2. Adaptability.





    There is support for responsiveness - it is now fully controlled by the designer.





  3. Outlook support.





    The email layout the plugin generates is constantly tested at  emailonacid.com  and is supported by popular email clients including Outlook.





  4. Supports arbitrary base letter width.





    A base width of 600px is considered optimal, but this is not the law. Often a larger or smaller base width is required for best results. The plugin is able to programmatically set the base width to match the width of your design layout.





  5.    ,  .





    , - 100%, Marka .





  6. .





        .     -   โ€” .





  7.  /.





    , Marka .





  8. Google-.





     Google Fonts โ€”  .





  9. SVG-  .





          PNG-.





  10. .





    : -, -, -. : -, -, -. Marka .





  11.       .





    MailChimp, ExpertSender, MindBox html-, . Marka .





  12.   .





    ,    ..





  13.  ยซยป.





    , , ยซ (ยซยป โ€žโ€œ), , , โ€žโ€œ ยป.





  14. .





    102 , Gmail  .





    Marka , , . (, , ) ยซยป 40%.





  15. .





     โ€” ,   .





 -   Marka Email Generator





Marka Email Generator โ€” No-code . Marka . Marka :















 





Marka









,   . .





 . .





 . .









  .





  . .  ,  





, .









  .





  .





Email Soldiers.





Pixel Perfect โ€”





     .





100% Pixel Perfect





100% Pixel Perfect









  .  โ€” .





. .









 





,    ,  .





    .





  -   .





  .   , .





  ,   , ยซยป.





  - Marka Email Generator.       .





โ€” i-Media:





ยซยป





, - :





 





Marka Email Generator : , , , HTML.









 Email Soldiers -,  ,    .     20  .   , - ?





:





 โ€” ,   .     .









, .









gif- .









7$  .









       .





- i-Media





, i-Media:









   i-Media 13 ,     ,    .   email-,   .         .









, . , , , - . , .









    Marka Pro , ,  . , .      .









  .    email-.         2 .





, Creative Soldiers:





 





โ€” , , , . , , , , . html- -.









-, . Marka . , Marka, โ€” . .





 Marka, , .     ,    - .





,  โ€”  .









-, - ,  .   ,      .     .













, , .





, - . , ( ) 3%, . .





:  ,  ,   Marka   ,  -   .  .









Marka





, : โ€” , , , .





, - Email Soldiers:









-, . , .









The brand is perfect for clients who do not have a layout designer on their staff.





The Figma plugin is much more efficient than the classic block editors: the latter have many limitations when preparing a letter.









Marka Email Generator has its own tutorial, but it's not for everyone. To work properly, you need to understand Figma at least at an intermediate level.












All Articles