Export settings and scales in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the export scale to 2x in Figma.

Figma

exportSettings.scale = [1]

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

A2

B3

C0.5

D1

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 1 means no scaling.

Choosing 0.5 reduces size.

Setting exportSettings.scale to 2 means the export will be at double the original size.

2fill in blank

medium

Complete the code to export a frame as a PNG with 1x scale.

Figma

frame.exportAsync({ format: 'png', scale: [1] })

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

A1

B0.5

C2

D3

Attempts:

3 left

💡 Hint

Common Mistakes

Using 0.5 reduces size.

Using 2 or 3 increases size unnecessarily.

Using scale: 1 exports the frame at its original size.

3fill in blank

hard

Fix the error in setting the export scale to 0.75 (75%).

Figma

exportSettings.scale = [1]

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

A1.75

B75

C7.5

D0.75

Attempts:

3 left

💡 Hint

Common Mistakes

Using 75 treats scale as 75x, which is incorrect.

Using 7.5 is too large.

The scale must be a decimal representing the multiplier, so 0.75 means 75% size.

4fill in blank

hard

Fill both blanks to export a selection as a JPG at 3x scale with quality 80.

Figma

selection.exportAsync({ format: [1], scale: [2], quality: 80 })

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

A'jpg'

B3

C'png'

D1

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'png' exports PNG instead of JPG.

Using scale 1 does not increase resolution.

Use 'jpg' for JPG format and 3 for 3x scale to export a high-resolution JPG.

5fill in blank

hard

Fill all three blanks to export a component as SVG with no scaling and include outline strokes.

Figma

component.exportAsync({ format: [1], scale: [2], outlineStrokes: [3] })

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

A'svg'

B1

Ctrue

Dfalse

Attempts:

3 left

💡 Hint

Common Mistakes

Using false disables outline strokes.

Using scale other than 1 changes size.

SVG format is 'svg', scale 1 means original size, and true enables outline strokes.