0
0
Figmabi_tool~10 mins

Branching and merging in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

This data represents a simple example of branching and merging in Figma design versions. Column A shows the branch names, column B shows the changes made in each branch, and column C shows the result after merging.

CellValue
A1Main Design
A2Version 1
A3Version 2
B1Base Layout
B2Added Button
B3Changed Color
C1Merged Design
C2Base Layout + Button + Color Change
Formula Trace
Merged Design = Base Layout + Added Button + Changed Color
Step 1: Base Layout
Step 2: Base Layout + Added Button
Step 3: Base Layout with Button + Changed Color
Step 4: Merged Design
Cell Reference Map
    A           B                   C
1 | Main Design | Base Layout        | Merged Design
2 | Version 1   | Added Button       | Base Layout + Button + Color Change
3 | Version 2   | Changed Color      |
The formula uses the base layout from cell B1, adds the button from B2, and then applies the color change from B3 to create the merged design in C2.
Result
    A           B                   C
1 | Main Design | Base Layout        | Merged Design
2 | Version 1   | Added Button       | Base Layout + Button + Color Change
3 | Version 2   | Changed Color      |
The merged design in cell C2 shows the combined result of the base layout plus the changes from both branches.
Sheet Trace Quiz - 3 Questions
Test your understanding
What is the first step in merging the design branches?
AStart with the base layout
BAdd the button
CChange the color
DCreate a new branch
Key Result
Merged Design combines base layout with changes from multiple branches step by step.