Help Center
How can we help? 👋

Adding Images to an Email

The Email Love Figma Plugin allows you to easily update and manage images within your email designs.

Updating an Image in an Email Design

Here’s how to easily add or update an image using the Email Love Figma Plugin:

  1. Select the Image component
    1. Click on the frame with the image you want to update.
    2. Select the “mj-image” frame that you would like to update.
  1. Choose a New Image
    1. Look to the right side of Figma for the image’s settings.
    2. Click on the image thumbnail to open the file picker.
    3. Pick an image from your computer and upload it.
  1. Adjust the Image Fit
    1. Images are either set to “Fit” or “Fill.”
    2. If you want your image to stay the same width and height, select “Fit.”
    3. If you want the image to fully fill the container, switch to “Fill.”
  1. Resize and Move the Image
    1. Resize the image by dragging its corners or adjusting its size in the settings on the right hand side.
    2. You can drag and drop the mj-image-Frame within a column. For example, you can move mj-image-frame above or below mj-text-Frame or mj-button-Frame inside of a column .
Did this answer your question?
😞
😐
🤩