0
0
Figmabi_tool~10 mins

Text styles in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

This data represents different text styles used in a BI dashboard: Header, Body Text, and Caption with their font sizes, weights, and colors.

CellValue
A1Header
A2Body Text
A3Caption
B1Font Size
B224
B314
B410
C1Font Weight
C2Bold
C3Regular
C4Light
D1Color
D2#000000
D3#333333
D4#666666
Formula Trace
Apply Text Style to 'Body Text' = CONCATENATE(A2, ": Size ", B3, ", Weight ", C3, ", Color ", D3)
Step 1: CONCATENATE("Body Text", ": Size ", "14", ", Weight ", "Regular", ", Color ", "#333333")
Cell Reference Map
   A          B          C          D
1  Header     Font Size  Font Weight Color
2  Body Text  24         Bold        #000000
3  Caption    14         Regular     #333333
4             10         Light       #666666

References used: A2 (Body Text), B3 (14), C3 (Regular), D3 (#333333)
The formula uses the text in A2 and style properties from B3, C3, and D3 to build the full style description.
Result
   A                          
1  Header                     
2  Body Text: Size 14, Weight Regular, Color #333333
3  Caption                    
The result shows the 'Body Text' label combined with its font size, weight, and color as a single descriptive string.
Sheet Trace Quiz - 3 Questions
Test your understanding
What font size is applied to the 'Body Text' style in the formula?
A24
B10
C14
DRegular
Key Result
CONCATENATE combines text labels with style properties from different cells to create a descriptive text style string.