Mit dem Plugin für Figma können Sie ein fertiges HTML-Layout des Briefes herunterladen

Es geht um Marka Email Generator. Dies ist ein neues Plugin für Figma, ein Tool, in dem wir mit Briefdesigns und Prototypen arbeiten.





Bis 2019 kannten wir zwei Möglichkeiten, um ein Layout zu erstellen: im Code-Editor und im Block-Editor. Der ideale Blockeditor wurde noch nicht erfunden, daher haben wir unser Agenturlayout in Code-Editoren erstellt. Miteinander ausgehen.





Ende 2019 erschien ein Plugin für Figma, mit dem das Layout unter bestimmten Regeln beim Erstellen eines Design-Layouts in einen versandfertigen Brief entladen werden kann.





Am Anfang waren die Fähigkeiten des Plugins begrenzt, aber die Idee hat uns begeistert. Zu dieser Zeit schien es, dass das Plugin das Erstellen einfacher Digests und Trigger erleichtern könnte. Wir haben den Plugin-Entwickler Grigory Mashkovtsev kennengelernt und unsere kompetente Unterstützung bei der Produktentwicklung angeboten.





Wir haben den Entwicklern Korrekturen und Funktionen angeboten und an Tests teilgenommen. Bei der Arbeit am Plugin wurde deutlich, dass wir das Potenzial des Produkts unterschätzt haben, da das neue Tool selbst die komplexesten Ansätze und Funktionen des E-Mail-Layouts unterstützen konnte.





Plugin-Funktionen

  1. Layoutqualität auf dem Niveau eines hochwertigen Layoutdesigners.





    Um das mit dem neuen Plug-In für Figma generierte Layout zu analysieren und zu optimieren, waren unsere führenden Layout-Designer beteiligt. Daher wurde die Menge an Code erheblich reduziert und der Code selbst entsprach so weit wie möglich den Standards unserer Agentur.





  2. Anpassungsfähigkeit.





    Die Reaktionsfähigkeit wird unterstützt - sie wird jetzt vollständig vom Designer gesteuert.





  3. Outlook-Unterstützung.





    Das vom Plugin generierte E-Mail-Layout wird auf emailonacid.com kontinuierlich getestet   und von gängigen E-Mail-Clients wie Outlook unterstützt.





  4. Unterstützt eine beliebige Basisbuchstabenbreite.





    Eine Basisbreite von 600px wird als optimal angesehen, dies ist jedoch nicht das Gesetz. Oft ist eine größere oder kleinere Basisbreite erforderlich, um die besten Ergebnisse zu erzielen. Das Plugin kann die Basisbreite programmgesteuert so einstellen, dass sie der Breite Ihres Designlayouts entspricht.





  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:









-, . , .









Die Marke ist perfekt für Kunden, die keinen Layout-Designer im Team haben.





Das Figma-Plugin ist viel effizienter als die klassischen Blockeditoren: Letztere haben viele Einschränkungen bei der Vorbereitung eines Briefes.









Marka Email Generator hat ein eigenes Tutorial, aber es ist nicht jedermanns Sache. Um richtig zu arbeiten, müssen Sie Figma zumindest auf mittlerem Niveau verstehen.












All Articles