How to export images in Figma

Raouf Belakhdar
2 min readDec 29, 2021

In Figma you can export any image layer or frame to JPG, PNG, SVG, or PDF. In this quick post, we’ll see how to export images in Figma to JPG and PNG.

Watch Video Tutorial

Export Frames to PNG

To export a Figma frame or an image layer to PNG, select your image and go to the Export section in the right-hand sidebar.

  • Hit the + icon in the right corner of the export section.
  • Choose PNG as an image format, and hit the Export button.

You can also preview your image before exporting with the Preview toggle.

Export Frames to JPG

To export a Figma frame or an image layer to JPG, select your image and go to the Export section in the right-hand sidebar.

  • Hit the + icon in the right corner of the export section.
  • Choose JPG as an image format, and hit the Export button.

That’s everything about exporting JPG and PNG images in Figma. In the next posts we’ll cover more concerning Figma files.

Before you go

Feel free to visit our website captain-design.com where we are sharing generously, ready for commercial use Figma and HTML templates.

You’ll find three things to help you kickstart your next project’s design :

Originally published at https://www.captain-design.com on December 29, 2021.

--

--

Raouf Belakhdar

Figma Landing Page’s Design Resources Colors palettes, Typography Styles and ready to use Components. https://www.captain-design.com/