Bird
Raised Fist0
Figmabi_tool~5 mins

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

Choose your learning style10 modes available
LearnWhyDeepSheetTryChallengeScenarioRecallDash

Start learning this pattern below

Jump into concepts and practice - no test required

or
Recommended
Test this pattern10 questions across easy, medium, and hard to know if this pattern is strong
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.
Click to reveal answer
beginner
Which file formats can you export from Figma?
You can export designs as PNG, JPG, SVG, and PDF formats in Figma.
Click to reveal answer
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.
Click to reveal answer
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.
Click to reveal answer
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.
Click to reveal answer
What happens if you export a design at 3x scale in Figma?
AThe exported image is saved as a PDF automatically.
BThe exported image is three times smaller than the original design.
CThe exported image quality decreases.
DThe exported image is three times larger in dimensions than the original design.
Which export format is best for maintaining sharpness at any size?
ASVG
BJPG
CPNG
DPDF
If you want a transparent background in your exported image, which format should you choose?
AJPG
BSVG
CPNG
DPDF
How can you export multiple sizes of the same asset in one go?
AAdd multiple export scales to the asset and export all at once.
BExport once and resize manually later.
CExport only at 1x scale and use software to scale.
DExport as JPG and convert to other sizes.
What does the 'suffix' field do in Figma's export settings?
AChanges the file format.
BAdds a text label to the exported file name.
CAdjusts the image resolution.
DCompresses the file size.
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.
You got /3 concepts.
    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.
    You got /3 concepts.

      Practice

      (1/5)
      1. What does the scale option do when exporting an image in Figma?
      easy
      A. It compresses the image to reduce file size.
      B. It changes the file format of the exported image.
      C. It changes the image size by multiplying dimensions without losing quality.
      D. It adds a suffix to the file name automatically.

      Solution

      1. Step 1: Understand scale in export context

        The scale option multiplies the width and height of the image by the chosen factor.

      2. Step 2: Effect on image quality

        Scaling up or down keeps the image quality sharp by adjusting pixel density accordingly.

      3. Final Answer:

        It changes the image size by multiplying dimensions without losing quality. -> Option C

      4. Quick Check:

        Scale adjusts size, not format or compression [OK]
      Hint: Scale multiplies size, not format or compression [OK]
      Common Mistakes:
      • Confusing scale with file format change
      • Thinking scale compresses image
      • Assuming scale adds suffix automatically
      2. Which of the following is the correct way to set export scale to 2x in Figma's export settings?
      easy
      A. Set scale to 3
      B. Set scale to 0.5
      C. Set scale to 1
      D. Set scale to 2

      Solution

      1. Step 1: Identify scale factor for 2x export

        2x means doubling the size, so scale must be set to 2.

      2. Step 2: Verify other options

        0.5 halves size, 1 keeps original size, 3 triples size.

      3. Final Answer:

        Set scale to 2 -> Option D

      4. Quick Check:

        2x scale means scale = 2 [OK]
      Hint: 2x scale means set scale value to 2 [OK]
      Common Mistakes:
      • Setting scale to 0.5 for 2x export
      • Confusing scale 1 as 2x
      • Using scale 3 instead of 2
      3. If you export an image at scale 3 with suffix @3x, what will be the effect on the exported file?
      medium
      A. The image will be three times larger and file name will include '@3x'.
      B. The image will be smaller and file name will include '@3x'.
      C. The image size stays the same but file name changes to '@3x'.
      D. The image will be three times larger but file name stays unchanged.

      Solution

      1. Step 1: Understand scale 3 effect

        Scale 3 multiplies image dimensions by 3, making it larger.

      2. Step 2: Understand suffix usage

        Suffix '@3x' is added to the file name to indicate scale factor.

      3. Final Answer:

        The image will be three times larger and file name will include '@3x'. -> Option A

      4. Quick Check:

        Scale 3 enlarges image; suffix labels file [OK]
      Hint: Scale changes size; suffix changes file name [OK]
      Common Mistakes:
      • Thinking suffix changes image size
      • Assuming scale 3 shrinks image
      • Ignoring suffix in file name
      4. You set export scale to 2 and suffix to @2x but the exported file name does not include the suffix. What is the likely cause?
      medium
      A. Suffix field was left empty or not saved.
      B. Scale must be set to 1 for suffix to appear.
      C. File format does not support suffixes.
      D. Export settings do not allow suffixes with scale.

      Solution

      1. Step 1: Check suffix field usage

        If suffix is empty or changes not saved, it won't appear in file name.

      2. Step 2: Verify scale and format settings

        Scale 2 supports suffix; file formats support suffixes; export allows suffixes with scale.

      3. Final Answer:

        Suffix field was left empty or not saved. -> Option A

      4. Quick Check:

        Suffix must be entered and saved to appear [OK]
      Hint: Always save suffix text to see it in file name [OK]
      Common Mistakes:
      • Thinking scale disables suffix
      • Believing file format blocks suffix
      • Not saving suffix after typing
      5. You need to export icons for web at 1x, 2x, and 3x scales with clear file names. Which export settings combination is best?
      hard
      A. Export three times with scale 1 and suffixes '1x', '2x', '3x'.
      B. Export three times with scales 1, 2, 3 and suffixes '', '@2x', '@3x' respectively.
      C. Export once at scale 3 with suffix '@3x' and rename files manually.
      D. Export once at scale 1 with no suffix and resize files later.

      Solution

      1. Step 1: Understand scale and suffix matching

        Each scale should have matching suffix to identify size clearly.

      2. Step 2: Evaluate options

        Export three times with scales 1, 2, 3 and suffixes '', '@2x', '@3x' respectively, exports at correct scales with proper suffixes automatically. Others either skip scales or mismatch suffixes.

      3. Final Answer:

        Export three times with scales 1, 2, 3 and suffixes '', '@2x', '@3x' respectively. -> Option B

      4. Quick Check:

        Match scale and suffix for clarity [OK]
      Hint: Match scale with suffix for clear file names [OK]
      Common Mistakes:
      • Exporting once and renaming manually
      • Using wrong suffix for scale
      • Exporting all at scale 1 only