Export settings and scales in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the 'scale' option control in Figma's export settings?

The 'scale' option controls how much larger or smaller the exported image will be compared to the original design size. For example, a scale of 2x exports the image at twice the size.

beginner

Which file formats can you export from Figma?

You can export designs as PNG, JPG, SVG, and PDF formats in Figma.

beginner

Why would you choose SVG format when exporting from Figma?

SVG is a vector format that keeps designs sharp at any size and is great for web use because it scales without losing quality.

beginner

What does exporting at 1x scale mean?

Exporting at 1x scale means the exported file will have the exact same dimensions as the original design in Figma.

intermediate

How can you export multiple assets at different scales in Figma?

You can add multiple export settings to a single layer or frame, each with different scales (like 1x, 2x, 3x), and export them all at once.

What happens if you export a design at 3x scale in Figma?

A The exported image is saved as a PDF automatically.

B The exported image is three times smaller than the original design.

C The exported image quality decreases.

D The exported image is three times larger in dimensions than the original design.

Exporting at 3x scale means the image dimensions are multiplied by three, making it larger.

Which export format is best for maintaining sharpness at any size?

A SVG

B JPG

C PNG

D PDF

SVG is a vector format that scales without losing quality, keeping designs sharp.

If you want a transparent background in your exported image, which format should you choose?

A JPG

B SVG

C PNG

D PDF

PNG supports transparency, while JPG does not.

How can you export multiple sizes of the same asset in one go?

A Add multiple export scales to the asset and export all at once.

B Export once and resize manually later.

C Export only at 1x scale and use software to scale.

D Export as JPG and convert to other sizes.

Figma allows adding multiple export scales to export different sizes simultaneously.

What does the 'suffix' field do in Figma's export settings?

A Changes the file format.

B Adds a text label to the exported file name.

C Adjusts the image resolution.

D Compresses the file size.

The suffix adds text to the file name to help identify different export versions.

Explain how to export a design from Figma at multiple scales and why this is useful.

Think about how apps need images for normal and retina screens.

Describe the differences between PNG, JPG, and SVG export formats in Figma and when to use each.

Consider image quality and use cases like web or print.