Padding control in Figma - Cell-by-Cell Formula Trace

Sample Data

This table shows UI elements with their padding values in pixels for each side: top, right, bottom, and left.

Cell	Value
A1	Element
B1	Padding Top (px)
C1	Padding Right (px)
D1	Padding Bottom (px)
E1	Padding Left (px)
A2	Button
B2	10
C2	15
D2	10
E2	15
A3	Card
B3	20
C3	20
D3	20
E3	20
A4	Text Box
B4	5
C4	10
D4	5
E4	10

Formula Trace

Total Padding = Padding Top + Padding Right + Padding Bottom + Padding Left

Step 1: For Button: 10 + 15 + 10 + 15

Step 2: For Card: 20 + 20 + 20 + 20

Step 3: For Text Box: 5 + 10 + 5 + 10

Cell Reference Map

    A       B       C       D       E
1 |Element|PaddingT|PaddingR|PaddingB|PaddingL
2 |Button |  10   |  15   |  10   |  15   
3 |Card   |  20   |  20   |  20   |  20   
4 |Text Box |  5    |  10   |  5    |  10   

The formula uses padding values from columns B, C, D, and E for each element in column A.

Result

    A       B       C       D       E       F
1 |Element|PaddingT|PaddingR|PaddingB|PaddingL|TotalP
2 |Button |  10   |  15   |  10   |  15   |  50   
3 |Card   |  20   |  20   |  20   |  20   |  80   
4 |Text Box |  5    |  10   |  5    |  10   |  30   

The Total Padding column (F) shows the sum of all padding sides for each UI element.

Sheet Trace Quiz - 3 Questions

What is the total padding for the Button element?

A 45

B 40

C 50

D 60

Key Result

Total Padding sums padding values from top, right, bottom, and left sides.