Solid fills in Figma - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ visualization

intermediate

Identify the correct solid fill color code

You have a rectangle with a solid fill color set in Figma. The color is a pure red with full opacity. What is the correct hex color code for this solid fill?

A #FF0000

B #00FF00

C #0000FF

D #FFFF00

💡 Hint

Pure red in hex color code is represented by full red and zero green and blue.

The hex code #FF0000 represents pure red with full opacity in Figma solid fills.

🧠 Conceptual

intermediate

Understanding opacity in solid fills

In Figma, if you set a solid fill color to blue (#0000FF) with 50% opacity, what will be the visual effect on the shape?

A The shape will appear as a semi-transparent blue, showing background behind it.

B The shape will appear green due to opacity blending.

C The shape will be fully opaque blue with no transparency.

D The shape will disappear completely.

💡 Hint

Opacity controls how see-through a color is.

Setting 50% opacity means the blue color is half transparent, so you can see the background behind the shape.

❓ dax_lod_result

advanced

Calculate average sales with solid fill color coding

You have a sales report with a measure Average Sales. You want to create a solid fill color in your BI dashboard that turns green if average sales are above 1000, yellow if between 500 and 1000, and red if below 500. Which DAX expression correctly defines this color logic?

A Color = IF([Average Sales] < 500, "Red", IF([Average Sales] <= 1000, "Yellow", "Green"))

B Color = SWITCH(TRUE(), [Average Sales] > 1000, "Green", [Average Sales] >= 500, "Yellow", "Red")

C Color = IF([Average Sales] > 1000, "Green", IF([Average Sales] >= 500, "Yellow", "Red"))

D Color = IF([Average Sales] >= 1000, "Green", IF([Average Sales] > 500, "Yellow", "Red"))

💡 Hint

Use SWITCH with TRUE() for multiple conditions in order.

Option B uses SWITCH(TRUE()) to check conditions in order and assign colors correctly based on average sales.

🔧 Formula Fix

advanced

Identify the error in solid fill color application

In a BI tool, you wrote this DAX measure to set a solid fill color based on sales:
FillColor = IF(Sales > 1000, "#00FF00", IF(Sales > 500, "#FFFF00", "#FF0000"))
But the color does not apply correctly. What is the likely cause?

A The IF function cannot be nested in DAX.

B Hex color codes must be in uppercase letters only.

C The Sales column is not aggregated, causing a row context error.

D The color codes are invalid hex codes.

💡 Hint

Check if Sales is aggregated or a column reference.

In DAX, you must aggregate columns in measures. Using Sales without aggregation causes an error, preventing color application.

❓ data_modeling

expert

Designing a color-coded sales dashboard with solid fills

You want to create a sales dashboard that uses solid fill colors to highlight sales performance by region. The colors should be dynamic based on sales targets stored in a separate table. Which data modeling approach is best to enable this dynamic solid fill color coding?

A Create a single table merging sales and targets with static color columns.

B Store color codes directly in the sales table and hardcode them in the dashboard visuals.

C Use disconnected tables with manual slicers to select colors for each region.

D Create a relationship between sales and targets tables, then use a calculated measure with LOOKUPVALUE to get target and apply color logic.

💡 Hint

Dynamic colors require relationships and measures referencing target values.

Option D enables dynamic color coding by linking sales and targets tables and using measures to determine colors based on target comparisons.