Design token diff

Showing changes between two snapshots of figma.com

Before

May 7, 2026

View snapshot

After

Nov 6, 2026

pw@1.58.2

View snapshot

Before

May 7, 2026

After

Nov 6, 2026

+40 added−46 removedpw@1.58.2

Colors

+11 added−18 removed6 unchanged

Typography

+4 added−9 removed8 unchanged

+figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|14px|400figmaSans 14px / 400

+figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|30px|400figmaSans 30px / 400

+figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|88px|400figmaSans 88px / 400

+figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|56px|400figmaSans 56px / 400

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|24px|540figmaSans 24px / 540

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|18px|480

Spacing

+9 added−9 removed23 unchanged

+1.375remSpace 1.375rem

+1.5remSpace 1.5rem

+1.75remSpace 1.75rem

+2remSpace 2rem

+2.125remSpace 2.125rem

+4px4px

+4.5px4.5px

Border Radius

+7 added−3 removed8 unchanged

+1remRadius 1rem

+0.125remRadius 0.125rem

+9999pxRadius 9999px

+0.75remRadius 0.75rem

+1.5remRadius 1.5rem

+1.75remRadius 1.75rem

+24px24px

Shadows

+9 added−7 removed

+0 1px 0 color-mix(in oklch, #FFFFFF, transparent 84%))Shadow 1

+inset 0 0 0 1px color-mix(in oklch, #FFFFFF, transparent 84%))Shadow 2

+inset 0 0 0 1px color-mix(in oklch, #FFFFFF, transparent 46%))Shadow 3

+0 0.25rem 2rem 0 color-mix(in oklch, #000000, transparent 90%)--fig-elevation-1

+0 0.25rem 2rem color-mix(in oklch, #000000, transparent 90%)--fig-elevation-1-shadow

+0 1.5rem 4.375rem 0 color-mix(in oklch, #000000, transparent 90%)--fig-elevation-2

+0 1.5rem 4.375rem color-mix(in oklch, #000000, transparent 90%)

Back to figma.com archive

figmaSans 18px / 480

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|18px|450figmaSans 18px / 450

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|24px|320figmaSans 24px / 320

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|18px|340figmaSans 18px / 340

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|64px|400figmaSans 64px / 400

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|16px|330figmaSans 16px / 330

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|0px|480figmaSans 0px / 480

−figmaSans, "figmaSans Fallback", "SF Pro Display", system-ui, helvetica, sans-serif|24px|700figmaSans 24px / 700

−0.3125remSpace 0.3125rem

−1.125remSpace 1.125rem

−1.3125remSpace 1.3125rem

−26.6667px26.6667px

−53.3281px53.3281px

−53.3438px53.3438px

--fig-elevation-2-shadow

+oklch(0 0 none / 0.16) 0px 0px 0px 1px insetshadow-a.fig-42wdr4

+oklch(0 0 none / 0.16) 0px 1px 0px 0pxshadow-div.fig-1rmlagr

−0 1px 0 rgba(0, 0, 0, 0.08)Shadow 1

−inset 0 0 0 1px #000000Shadow 2

−0 1.5rem 4.375rem 0 rgba(0, 0, 0, 0.10)Shadow 3

−rgba(0, 0, 0, 0.08) 0px 1px 0px 0pxshadow-div.fig-qpu3wz

−rgb(0, 0, 0) 0px 0px 0px 1px insetshadow-a.fig-taeqz

−rgba(0, 0, 0, 0.1) 0px 24px 70px 0pxshadow-div.fig-1na308s

−rgb(255, 255, 255) 0px 0px 0px 1px insetshadow-a.fig-1l39rmt