0
0
Figmabi_tool~10 mins

Applying and detaching styles in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

This table shows buttons with their assigned color and font styles before applying or detaching styles in Figma.

CellValue
A1Button
B1Color Style
C1Font Style
A2Submit
B2Blue
C2Bold
A3Cancel
B3Gray
C3Regular
A4Apply Style
B4
C4
Formula Trace
Apply Style to Button 'Submit' with Color Style 'Blue' and Font Style 'Bold', then Detach Style from Button 'Cancel'
Step 1: Select Button 'Submit'
Step 2: Apply Color Style 'Blue' to Button 'Submit'
Step 3: Apply Font Style 'Bold' to Button 'Submit'
Step 4: Select Button 'Cancel'
Step 5: Detach all styles from Button 'Cancel'
Cell Reference Map
   A        B           C  
1 Button  Color Style  Font Style
2 Submit  Blue         Bold    
3 Cancel  Gray         Regular 
4 Apply Style                 
Cells A2:C3 contain the buttons and their current styles. The formula applies styles to 'Submit' and detaches styles from 'Cancel'.
Result
   A        B               C              
1 Button  Color Style    Font Style
2 Submit  Blue (applied) Bold (applied)
3 Cancel  Gray (detached) Regular (detached)
4 Apply Style                 
After applying and detaching styles, 'Submit' button has linked Blue and Bold styles applied, while 'Cancel' button has detached styles and uses local formatting.
Sheet Trace Quiz - 3 Questions
Test your understanding
What happens when you apply a style to a button in Figma?
AThe button deletes the style
BThe button links to the style and updates if the style changes
CThe button copies the style but does not link to it
DThe button changes color randomly
Key Result
Applying a style links the element to that style; detaching removes the link and keeps local formatting.