Exporting elements

In Penpot you can setup export presets for different file formats and scales.

How to Export

To export an object you need to select it and at the Design panel add an export preset pressing the “+” button of the Export section.

Export presets can be also found at the View mode with the code tab activated.

export

Remove Export Preset

To remove an export presets you have to select the object and then press the “-” button at the export preset you want to remove.

export

Export options

The options of an export:

  • Size - Options for the most common sizing scales.
  • Suffix - Especially useful if you are exporting at different scales.
  • File format - PNG, SVG, JPEG, PDF.
NOTE: exported PDF files try to leverage the capabilities of PDF vectorial format (unpixelated zoom, select & copy texts, etc.). But cannot guarantee that 100% of SVG features may be converted perfectly to PDF. You may see differences between an object display inside Penpot and in the exported file. If you need and exact match, a workaround is to export the object into PNG and convert it to PDF with some of the many tools that exist for it.

Currently known issues:

1) When exporting objects with masks, the mask does not work when opening the PDF file with some open source tools (e.g. evince or inkscape). This is not a Penpot fault, but a bug in poppler, a library used by many of the open source tools. If you open the file with an official Adobe viewer, or a tool like okular or in a browser like Chrome or Firefox, you can see it well.

Multiple export presets

You can set as many export presets you need for the same object. Set multiple exports to get the same object in different scales and/or formats with just one click.

export

Exporting multiple elements

Make your export selection.

To export multiple elements you first have to select the elements you'd like to export. If the selected elements already have export settings those will be included in the export. You can also add new export settings for multiselections.

export

You can also launch the export for a page from the main menu or using the shortcut Ctrl + Shift + E. This option will include in the export all the export pressets set among a selection or in the page if nothing is selected.

export

Manage the export selection.

Before confirming your export for multiple elements you will have the option to check their names, sizes and formats and a last chance to deselect the export settings you don't want to go on this batch.

export

Check the export progress.

A popup will show the exporting progress and will show errors if any.

export

Export Artboards to PDF

If you have a presentation made at Penpot you might want to create a document that can be shared with anyone, regardless of having a Penpot account, or just to be able to use your presentation offline (essential for talks and classes). You can easily export all the artboards of a page to a single pdf file from the file menu.

See the NOTE above for the PDF format.

export