Figma is a versatile design tool that allows you to create and manipulate various design elements. One of the features it offers is the ability to export your designs as PNG files. This article will guide you through the process of exporting as PNG in Figma, using simple language that even a 6th grader can understand.

Selecting Your Frame

First, navigate to the frame that you want to export. Click on the frame to select it. Once the frame is selected, you will see a bounding box around it, indicating that it’s ready for manipulation.

Accessing Export Options

With your frame selected, look to the right side of your screen. You’ll see a panel with various properties and settings for your frame. At the bottom of this panel, you’ll find the “Export” option.

Setting Up Your Export

Click on the “Export” option to open the export settings. Here, you’ll see several options:

  • Scale: This allows you to adjust the size of your exported image. You can choose to keep it at its original size (1x), or scale it up (2x, 3x, etc.).
  • Suffix: This allows you to add a suffix to the filename of your exported image.
  • Format: This allows you to choose the format of your exported image. To export as PNG, select “PNG” from the dropdown menu.

You’ll also see three dots next to the format option. Clicking on these dots will give you additional options, such as whether to ignore overlapping areas or include the bounding box.

Previewing Your Export

Before you export your frame, you can preview what the exported image will look like. Click on the “Preview” button in the export settings. This will open a new window showing a preview of your exported image.

Exporting Your Frame

Once you’re happy with your export settings, click on the “Export Frame” button. This will open a save dialog where you can choose where to save your exported image and what to name it. Click “Save” to export your frame as a PNG.

Conclusion

Exporting as PNG in Figma is a simple process that allows you to save your designs as high-quality images. By following these steps, you can easily export your frames and use them in other applications or share them with others. Happy designing!