How to Export from Figma: PNG, JPG, SVG and PDF (2026)

To export from Figma, select a layer or frame, open the Export section at the bottom of the Design panel, click the plus, choose a format (PNG, JPG, SVG or PDF) and a scale, and click Export. Figma can export single layers, whole frames or several at once, and the shortcut is Shift+Cmd+E on Mac or Shift+Ctrl+E on Windows.

Quick Steps

1. Select a layer or frame.
2. Scroll to Export in the Design panel and click +.
3. Pick the format and scale (1x, 2x, 3x).
4. Click Export and save the file.

Exporting from Figma: Step by Step

1. Select what to export

Click a layer, frame, group or component. You can also select several layers to export them together, each as its own file.

2. Add an export setting

In the Export section, click the plus. Choose PNG for images with transparency, JPG for photos, SVG for icons and logos or PDF for print documents.

3. Choose the scale

Use 1x for standard size, 2x or 3x for high-density screens. You can add several export settings to the same layer to get 1x, 2x and 3x in one go.

4. Export

Click the Export button, or use Shift+Cmd+E (Mac) or Shift+Ctrl+E (Windows). Figma saves the file, or a zip when there are several.

5. Export all frames as PDF

Choose File > Export frames to PDF to save every selected frame as pages of one PDF, which is handy for sharing designs for review.

Tips for Better Results

• Name layers clearly, since layer names become file names.
• Use SVG for icons so they stay sharp at any size.
• Use the Slice tool to export a custom area that is not a layer.
• Use Dev Mode or an export suffix such as @2x for developer handoff.

Common Problems and Fixes

• The export is blurry: raise the scale to 2x or 3x.
• Text looks different in SVG: convert text to outlines before exporting if fonts must not change.
• Export is grayed out: make sure something is selected.

Why This Skill Matters for Design Jobs

Figma is named in 54% of the 109 UI and UX job posts ArtBlast tracked from March to August 2026 (59 posts), and in 29% of the 412 graphic and UI design posts (118 posts). Knowing it well is an easy way to stand out. Browse UI artist jobs, remote UI/UX designer jobs and junior UI artist jobs on ArtBlast, and compare tools in Figma vs Adobe XD.

Frequently Asked Questions

How do I export from Figma as PNG?

Select the layer or frame, click + in the Export section, choose PNG and a scale, and click Export.

What is the shortcut to export in Figma?

Shift+Cmd+E on Mac and Shift+Ctrl+E on Windows.

How do I export Figma to PDF?

Add a PDF export setting to a frame, or use File > Export frames to PDF for several frames in one document.

Which format should I use for icons?

SVG, because it stays sharp at any size and the file is small.

Can I export multiple frames at once?

Yes. Select them and export, and each frame is saved as its own file.

Sources

Steps were checked against the official guides in November 2026. Menu names can change slightly between versions.

• Figma Help Center

Job data: ArtBlast job tracking, March 13 to August 12 2026, distinct posts (one per employer and title) with a full description. UI and UX cohort: 109 distinct posts and 98 employers.