0
0
Figmabi_tool~10 mins

Why color communicates meaning in Figma - Formula Trace Breakdown

Choose your learning style9 modes available
Sample Data

This data shows business categories with their values and assigned colors to communicate meaning visually.

CellValue
A1Category
B1Value
C1Color
A2Sales
B2150
C2Green
A3Expenses
B3100
C3Red
A4Profit
B450
C4Blue
Formula Trace
IF(B2 > B3, "Green", "Red")
Step 1: B2 > B3
Step 2: 150 > 100
Step 3: IF(TRUE, "Green", "Red")
Cell Reference Map
   A       B       C
1 Category Value   Color
2 Sales    150     Green
3 Expenses 100     Red
4 Profit   50      Blue

Formula references B2 and B3 to compare values.
The formula uses values from cells B2 (Sales) and B3 (Expenses) to decide the color meaning.
Result
   A       B       C
1 Category Value   Color
2 Sales    150     Green
3 Expenses 100     Red
4 Profit   50      Blue

Cell C2 shows 'Green' because Sales > Expenses, communicating positive meaning.
The color 'Green' in cell C2 visually communicates that Sales are higher than Expenses, indicating a positive outcome.
Sheet Trace Quiz - 3 Questions
Test your understanding
What does the color 'Green' in cell C2 indicate?
ASales are greater than Expenses
BExpenses are greater than Sales
CProfit is zero
DValues are equal
Key Result
IF(condition, "Color for TRUE", "Color for FALSE") assigns color based on value comparison.