Skip to main content
November 29, 2023

Negative padding (workaround)

  • November 29, 2023
  • 22 replies
  • 8165 views

Hi everyone,

As you know, being able to add negative padding is a must when creating design systems. However Figma only allow negative values in the inner-spacing between elements in auto-layout.

We found a workaround and thought it would be useful to share it with the community.

If you define a local variable, type number, and add a negative value (e.g. -4px), you can then apply this variable to the auto-layout padding and it will work.

In summary: use local variables to define negative values and apply such variable to the padding.

22 replies

dixone
New Member
February 11, 2026

I AM NOT BELIVING THAT THIS ISSS WOOOOORKING :)

WOW

Why? Why possible in Values but not by typing the negative number into the field… this blowing me off now. Thx for the advice

Aidil_Goh
New Participant
February 25, 2026

need negative margins in figma and figma sites as well. meantime, will try the variables hack