Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


How do I export images directly from Studio?

Follow

To export any layer, component, group, or artboard as an image from your Studio file:

  1. Select the item you want to export.
  2. At the bottom of the inspector panel, click the Export + button.
  3. In the Size field, enter the image size multiplier you want to use (e.g., 1, 2, 3, 4, etc. or 1x, 2x, etc.).
    Studio will automatically scale the asset accordingly when exporting.
  4. Click the Prefix/Suffix drop-down and select your preference.
  5. Click the Format drop-down and select JPG, PNG, or SVG.
  6. If wanted, click the + button and repeat steps 3 - 5 to add and export the item in additional formats and/or image size multipliers.
  7. Click the Export button or use the keyboard shortcut, CMD-Shift-E.
    The Export button label will also include the name of the item or the number of images you're exporting.
    studio-export-image.gif

Repeat the steps above for each item you want to export.

To include the background color of an artboard when exporting, select the artboard and, in the Background section of the inspector, click the Include in Export checkbox before clicking the Export + button.


Was this article helpful?

Still have a question?

Contact Us