Skip to main content

Listrak Studio: Push Images from Figma into the Media Library

Learn how to push images from Figma into Listrak's media library

Pushing images to the Listrak Media Library from within Listrak Studio allows you to manage and sync design assets directly from Figma. By eliminating the need to switch between the Listrak platform and Listrak Studio, you can streamline your workflow and move from design to deployment more efficiently.

If your goal is simply to upload images from Figma to your Listrak account, this standalone workflow provides a quick and convenient way to do so without generating or publishing an email.

Follow the steps below to begin pushes images to the Media Library:

  1. Open Listrak Studio.

  2. Click Push to Media Library.

  3. Select one or more frames or image layers in Figma. Each selected layer becomes a separate Media Library upload rendered as it appears on the canvas.

    1. The plugin also has an Upload all action for multi-selection.

    2. Each image will render in the large preview window. Here you will choose the destination and manage the image in the property panel.

    1. Upload to: Select the Media Library folder the image(s) will be store in. The option to change is the folder is also available.

      1. Click change to relocate the image(s) to an existing folder or to create a new folder to add the image(s) to.

    2. Compression: Displays the image format. Click Override to change the format, compression and scale of image. Options include:

      1. Format: PNG or JPEG (default). Note these are the only two formats Listrak's Media Library supports.

      2. Compress: High, Balanced (default), Small

      3. Scale: 1x, 2x (default)

      4. Compare and Preview to review the image before uploading.

        1. When satisfied with your selections, click Use this preset apply changes.

    3. File Name: Give the image a unique name.

    4. Listrak Studio displays the encoded upload size before upload. After a successful upload, it displays the Media Library URL, destination folder, filename, and upload status.

    5. Image URL is the url of the image.

    6. Re-upload this image: Use this if you need to reimport the image. You can choose Change name, Overwrite or Cancel.

💡 Helpful Tips

  • When changes are made to an image, Listrak Studio uses cache-busting which tells the browser to load the latest version instead of using an older version stored in memory.

  • Learn more about the Listrak Media Library.

  • Learn more about the Media Library Bandwidth.

Related Articles
Did this answer your question?