Asset export (PNG, SVG, PDF) in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to export a frame as a PNG file.

Figma

figma.exportAsync(node, { format: '[1]' })

Drag options to blanks, or click blank then click option'

ASVG

BJPG

CPDF

DPNG

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'SVG' instead of 'PNG' for raster export.

Using 'PDF' which is vector-based, not PNG.

To export as a PNG, the format must be set to 'PNG'.

2fill in blank

medium

Complete the code to export a selection as an SVG file.

Figma

figma.exportAsync(selection, { format: '[1]' })

Drag options to blanks, or click blank then click option'

ASVG

BPNG

CPDF

DJPG

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'PNG' which is raster, not vector.

Using 'JPG' which does not support transparency.

SVG is the correct format for vector graphics export.

3fill in blank

hard

Fix the error in the export code to generate a PDF file.

Figma

figma.exportAsync(node, { format: '[1]' })

Drag options to blanks, or click blank then click option'

APNG

BSVG

CPDF

Dbmp

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'bmp' which is not supported for export.

Using 'SVG' when PDF is required.

PDF is the correct format string to export as a PDF file.

4fill in blank

hard

Fill both blanks to export a node as a PNG with 2x scale.

Figma

figma.exportAsync(node, { format: '[1]', [2]: 2 })

Drag options to blanks, or click blank then click option'

APNG

Bscale

Cquality

Dcompression

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping 'format' and 'scale' keys.

Using 'quality' which is for JPEG exports.

The 'scale' property sets the export scale to 2, and 'format' must be 'PNG'.

5fill in blank

hard

Fill all three blanks to export a selection as a PDF with 300 DPI and no compression.

Figma

figma.exportAsync(selection, { format: '[1]', [2]: 300, [3]: false })

Drag options to blanks, or click blank then click option'

Adpi

BPDF

Ccompress

DPNG

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'PNG' instead of 'PDF' for format.

Setting compress to true when no compression is needed.

Set format to 'PDF', dpi to 300 for print quality, and compress to false to disable compression.