The mj-raw frame is a versatile tool for adding custom code around a wrapper, section, column, or within content inside a column. Common use cases include embedding conditional content, tracking pixels, live content from tools like Movable Ink, Litmus, or Nifty Images, and even snippet merge tags from platforms like Iterable or Customer.io. This feature enables seamless integration of advanced functionality and personalization directly into your email design while ensuring compatibility with your email platform.
Take a look at our code component example file here.
Adding Conditional Content Between Wrappers & Columns
With the Code Component in the Email Love Figma Plugin, you can easily insert platform-specific templating logic into your designs. Here’s an example showcasing conditional logic:
{% if user.segment == "new_customer" %} Content for new customers here.
{% elsif user.segment == "returning_customer" %} Content for returning customers here.
{% else %} Default content here.
{% endif %}
This layer allows you to integrate advanced functionality, such as personalization or conditional content, directly into your email framework—perfect for creating dynamic, segmented campaigns!