Image filters (exposure, contrast) in Figma - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding Exposure Adjustment

In Figma, increasing the exposure filter on an image affects its brightness. Which of the following best describes what happens when you increase exposure?

A The image becomes brighter by increasing the light intensity.

B The image colors become more saturated without changing brightness.

C The image contrast increases without affecting brightness.

D The image becomes darker by reducing the light intensity.

💡 Hint

Think about how a camera exposure works when you let in more light.

Increasing exposure in Figma brightens the image by simulating more light hitting the sensor, making the image lighter overall.

🧠 Conceptual

intermediate

Effect of Contrast Filter

What is the main visual effect of increasing the contrast filter on an image in Figma?

A It increases the difference between light and dark areas.

B It makes the image colors more muted and grayish.

C It blurs the image edges to soften details.

D It changes the image hue to a different color tone.

💡 Hint

Contrast is about how much light and dark parts differ.

Increasing contrast makes bright areas brighter and dark areas darker, enhancing the difference between them.

❓ visualization

advanced

Choosing Correct Exposure Value

You have a photo that looks too dark. You want to adjust the exposure filter in Figma to fix this. Which exposure value will brighten the image the most?

A Exposure set to -1.5

B Exposure set to 1.5

C Exposure set to 0

D Exposure set to -0.5

💡 Hint

Positive exposure values brighten, negative darken.

Positive exposure values increase brightness; 1.5 is the highest positive value here, so it brightens the image most.

🔧 Formula Fix

advanced

Contrast Filter Not Changing Image

You applied a contrast filter with value 0 in Figma, but the image looks unchanged. Why does this happen?

A Contrast value 0 inverts the image colors.

B Contrast value 0 makes the image fully black and white.

C Contrast value 0 causes a syntax error in Figma filters.

D Contrast value 0 means no change to contrast is applied.

💡 Hint

Think about what zero means for a filter that adjusts difference.

A contrast value of 0 means the filter does not change the contrast, so the image remains the same.

🎯 Scenario

expert

Combining Exposure and Contrast Filters

You want to make an image brighter but keep the details sharp by increasing contrast. Which filter settings in Figma will achieve this best?

A Exposure: -1, Contrast: 2

B Exposure: 2, Contrast: 0

C Exposure: 1.5, Contrast: 1.5

D Exposure: 0, Contrast: -2

💡 Hint

Think about increasing brightness and contrast together.

Setting exposure to 1.5 brightens the image, and contrast 1.5 increases difference between light and dark areas, keeping details sharp.