Creating and resizing frames in Figma - Formula Evaluation Walkthrough

Sample Data

This data represents the original width and height of a frame in Figma, the amount to resize the frame by, and placeholders for the new dimensions after resizing.

Cell	Value
A1	Frame Width
B1	Frame Height
A2	200
B2	150
A3	Resize Width By
B3	Resize Height By
A4	50
B4	30
A5	New Frame Width
B5	New Frame Height

Formula Trace

New Frame Width = Frame Width + Resize Width By New Frame Height = Frame Height + Resize Height By

Step 1: Frame Width + Resize Width By

Step 2: 200 + 50

Step 3: Frame Height + Resize Height By

Step 4: 150 + 30

Cell Reference Map

    A       B
1 | Frame Width | Frame Height |
2 |    200     |     150     |
3 | Resize Width By | Resize Height By |
4 |     50     |      30     |
5 | New Frame Width | New Frame Height |

Arrows:
A2 --> A5
B2 --> B5
A4 --> A5
B4 --> B5

Cells A2 and B2 hold the original frame dimensions. Cells A4 and B4 hold the resize amounts. These feed into cells A5 and B5 which calculate the new frame size.

Result

    A       B
1 | Frame Width | Frame Height |
2 |    200     |     150     |
3 | Resize Width By | Resize Height By |
4 |     50     |      30     |
5 |    250     |     180     |

The new frame width is 250 and the new frame height is 180 after resizing by the specified amounts.

Sheet Trace Quiz - 3 Questions

What is the new frame width after resizing?

A 200

B 250

C 150

D 180

Key Result

New Dimension = Original Dimension + Resize Amount