appleliner.blogg.se

#Mjml custom social youtube how to#
#Mjml custom social youtube generator#
#Mjml custom social youtube code#

So these were my learnings after working on this project. the way the content was displayed on the email.how the email’s visual language matched the brand and,.Visited a website called Really Good Emails.Īs you can see down below, I gathered tons of screenshots and spent a good amount of time analyzing them.Checked my inboxes for all promotional emails and,.There are 2 things that I did to get some ideas for the visual language. I started off with some ideas and inspiration. So let me take you through a bit of my design process for this project.

So I highly recommend that you start by reading the documentation and exploring the project files that the plugin provides.Įxporting the code is just one click, but the trick lies in designing the UI in a way that the plugin understands.

I made the mistake of not reading the documentation on how to use the plugin. But when I started designing the emails in Figma, I realized it was quite complicated than I had expected it to be. And, it's responsive for mobile as well, beat that! It exports the HTML file with inline CSS and the images. The tool did an incredible job of exporting the code. That's what I thought too until I used it. Now based on past experiences, we all know that these so-called plugins that export code from designs are a scam and they don't really do a great job.

We found this plugin for Figma called Marka Email Generator Plugin. So we started to look online for a few solutions and we came across one. We wanted a smooth workflow where neither the designers nor the developers would work too hard on a simple email. But what we realized was that as the number of types of emails increased it would be very hard for the designers and developers to collaborate. Sure we would ask the engineers to code it for us. Hence we decided not to go in that direction. Email building tools are extremely limited when it comes to customization.

Now we did not want to use a tool like MailChimp to create emails as we did not want to compromise on the design aspect.

Manually coding it using a tool like MJML.

Using an email builder like MailChimp or,.

So in my experience, there are two ways to go about designing and shipping emails to users. Students have to pay a subscription fee to access all the content the platform offers. The company hires educators who teach the classes LIVE and students can watch them at their own convenience. Unacademy is an online learning platform where students in India can study for various competitive exams such as UPSE, IIT JEE, NEET, Banking, CA, and more.

without using paid and complex third-party tools.Īlright then, let’s get started.

with a smooth workflow between designers and engineers,.

This article is mainly for anyone, especially designers who want to create stunning-looking emails,

Illustrator: For the various illustrations that I used in all the emails.

Engineers: To test if the emails end up looking exactly as intended on every device and breakpoint.

Senior Designers and stakeholders: To get timely feedback on my designs and the design direction.

Product Managers: To understand the list of emails that had to be designed and the content of every email.

I was the sole designer on the project and handled everything from start to finish along with other people. This is more where I talk about the process we followed to design and ship beautiful-looking emails. Now even though this article is related to design, I am not going to be talking about UI and UX design.

#Mjml custom social youtube code#

#Mjml custom social youtube how to#

#Mjml custom social youtube generator#