0
0
Figmabi_tool~20 mins

Export settings and scales in Figma - Practice Problems & Coding Challenges

Choose your learning style9 modes available
Challenge - 5 Problems
🎖️
Export Mastery Badge
Get all challenges correct to earn this badge!
Test your skills under time pressure!
🧠 Conceptual
intermediate
1:30remaining
Understanding Export Scale Options in Figma

When exporting assets in Figma, which export scale option will produce an image exactly twice the size of the original design?

A3x
B2x
C0.5x
D1x
Attempts:
2 left
💡 Hint

Think about how scaling affects the pixel dimensions relative to the original.

🎯 Scenario
intermediate
2:00remaining
Choosing Export Settings for Retina Displays

You want to export an icon for use on retina displays, which require higher resolution images. Which export scale and format combination is best to ensure crisp display on retina screens?

A1x scale, JPG format
B1x scale, PNG format
C2x scale, SVG format
D2x scale, PNG format
Attempts:
2 left
💡 Hint

Retina displays need images with double pixel density and lossless quality.

dax_lod_result
advanced
1:30remaining
Calculating Exported Image Size with Scale

If a Figma frame is 150 pixels wide and you export it at 3x scale, what will be the width in pixels of the exported image?

A50 pixels
B150 pixels
C450 pixels
D300 pixels
Attempts:
2 left
💡 Hint

Multiply the original width by the scale factor.

🔧 Formula Fix
advanced
2:00remaining
Troubleshooting Exported Image Quality

A designer exports a 100x100 pixel icon at 1x scale but notices it looks blurry on a high-resolution screen. Which export setting change will fix this issue?

AExport at 2x scale
BExport at 1x scale and increase canvas size
CExport at 0.5x scale
DExport at 1x scale but change format to JPG
Attempts:
2 left
💡 Hint

Higher resolution screens need images with more pixels.

visualization
expert
2:30remaining
Best Export Settings for Multi-Device Support

You need to prepare a dashboard with icons that look sharp on standard, retina, and ultra-high resolution devices. Which export settings combination covers all these devices efficiently?

AExport icons at 1x, 2x, and 3x scales in PNG format
BExport icons at 1x scale in SVG format only
CExport icons only at 3x scale in JPG format
DExport icons at 0.5x and 1x scales in PNG format
Attempts:
2 left
💡 Hint

Think about providing multiple resolutions for different screen density.