How to download background image only, ignore/hide other components

Ask the community
1

How to download background image only, ignore/hide other components

2

Hi there,
There are several ways to do this.

  1. The easiest way is to hide all the other items in your frame, and export it by using the “Export” settings in the right panel.
  2. If it is an image layer: you can copy it and paste it outside of your frame, then export it.
  3. If the background is a fill on a frame: you can copy the frame properties by pressing cmd + option + c, paste onto another frame with cmd + option + v, scale it to the correct size and export.
3

There is a way to download a frame’s background image in the dev mode, though it’s not easy to spot. Refer this answer on another post: How do I export a background image exactly as it appears? - #10 by Karl_Jiang1

4

For me I find the easiest way, and the only way to ensure you are getting the highest available quality image, is to use DevMode and export.

If it is a frame with a bunch of objects in it, the images will not download if you follow this step…you will only get the background.

  1. Select your frame.
  2. Enter DevMode.
  3. Scroll down to the “Assets” panel.
  4. Use the chevron next to the download icon to see options.
  5. Here you can select “Source image file.”

IF you want the layers, you could chose that option. But if you are after the background image, this is the only way you can get the original file the designer uploaded!

1 Like