figma.comsketch.com

22shared+77in sketch.com−56in figma.com

Audit

14% token overlap

figma.com and sketch.com have 14% token overlap across colors, typography, spacing, radius, and shadows after normalization (lab/oklab to hex, var() resolution, !important stripping, rem/em to px conversion at 16 px base). They share 22 token values; 56 are unique to figma.com and 77 are unique to sketch.com. Their visual languages converge most on spacing (38% aligned) and diverge most on typography. Source: UI Archive token diff, computed from public CSS at figma.com and sketch.com.

· figma.com and sketch.com share 22 normalized token values (14% overlap).
· Closest category: spacing (13 shared, 38% aligned).
· Greatest divergence: typography (17 unique to figma.com, 24 unique to sketch.com).
· sketch.com ships a richer type scale than figma.com.

Machine-readable

Colors

−20·4 shared·+20

figma.com

#FFFFFF

#000000

rgba(0, 0, 0, 0.08)

#e6e6e6

sketch.com

#ffffff

#000000

rgba(0, 0, 0, 0.08)

Try another comparison

Pick two websites and see how their design tokens stack up.

New comparison

Only in figma.com

rgba(0, 0, 0, 0.65)only A

rgba(255, 255, 255, 0.6)only A

#33dfdfonly A

#b98e01only A

rgba(255, 255, 255, 0.16)only A

#808080only A

rgba(255, 255, 255, 0.24)only A

#4d49fconly A

#f3ffe3only A

#e2e2e2only A

#e4ff97only A

#00b6ffonly A

#24cb71only A

#c4baffonly A

#95b9aconly A

#ff7237only A

#cb9fd2only A

#ffc9c1only A

#721c1conly A

#c7f8fbonly A

Only in sketch.com

rgba(0, 0, 0, 0.32)only B

#212123only B

rgba(0, 0, 0, 0.7)only B

rgba(0, 0, 0, 0.64)only B

rgba(255, 255, 255, 0.48)only B

#5c5c5conly B

rgba(0, 0, 0, 0.1)only B

rgba(255, 120, 67, 0.2)

Typography

−17·0 shared·+24

figma.com

figmaSans

18px · 330

only A

figmaSans

16px · 400

only A

figmaSans

16px · 320

only A

figmaSans

0px · 400

only A

figmaSans

24px · 540

only A

figmaSans

18px · 480

only A

figmaSans

0px · 330

only A

figmaSans

44px · 400

only A

figmaMono

16px · 400

only A

figmaSans

18px · 450

only A

figmaSans

24px · 320

only A

figmaSans

18px · 340

only A

figmaMono

12px · 400

only A

figmaSans

64px · 400

only A

figmaSans

16px · 330

only A

figmaSans

0px · 480

only A

figmaSans

24px · 700

only A

sketch.com

InterVariable

1rem · 600

only B

InterVariable

.875rem · 600

only B

Reckless

6rem · 500

only B

Reckless

5.5rem · 500

only B

Reckless

4.75rem · 500

only B

Reckless

3.5rem · 500

only B

Spacing

−9·13 shared·+12

figma.com

0.125rem

0.25rem

0.3125rem

0.35em

0.375rem

0.5rem

0.625em

0.75em

1rem

1.25rem

24px

32px

80px

0remonly A

0.28125remonly A

0.67emonly A

1.125remonly A

1.3125remonly A

26.6667pxonly A

53.3281pxonly A

53.3438pxonly A

60pxonly A

sketch.com

.125rem

.25rem

.3125rem

.35em

.375rem

.5rem

.625em

.75em

16px

20px

24px

32px

80px

.1875remonly B

.2emonly B

.4em

Border Radius

−3·5 shared·+9

figma.com

50%

0.375rem

0.5rem

16px

18px

0.25remonly A

3.125remonly A

2pxonly A

sketch.com

50%

6px

8px

1rem

18px

.1875remonly B

9999pxonly B

.625remonly B

.34375remonly B

1.25remonly B

1.5remonly B

1.75remonly B

12pxonly B

0 12px 12px 0only B

Shadows

−7·0 shared·+12

figma.com

0 1px 0 rgba(0, 0, 0, 0.08)only A

inset 0 0 0 1px #000000only A

0 1.5rem 4.375rem 0 rgba(0, 0, 0, 0.10)only A

rgba(0, 0, 0, 0.08) 0px 1px 0px 0pxonly A

rgb(0, 0, 0) 0px 0px 0px 1px insetonly A

rgba(0, 0, 0, 0.1) 0px 24px 70px 0pxonly A

rgb(255, 255, 255) 0px 0px 0px 1px insetonly A

sketch.com

inset 0 0 .0625rem #0000001a,0 0 0 .0625rem #0000001aonly B

0 0 0 1px #e6e6e6,inset 0 1px 2px #0000000aonly B

inset 0 0 .0625rem #0000001a,0 0 0 .125rem #ff7843only B

inset 0 0 .0625rem #0000001a,0 0 0 .125rem #555dffonly B

inset 0 0 .0625rem #0000001a,0 0 0 .125rem #c00only B

0 0 0 2px #cc00008c,inset 0 1px 2px #0000001aonly B

inset 0 0 .0625rem #0000001a,0 0 0 .125rem #13bf3eonly B

0 0 0 .0625rem #0000001aonly B

0 0 0 .125rem #0000001aonly B

0 1px 2px #0000001aonly B

0 .0625rem .125rem #0000001aonly B

0 0 0 .125rem #13bf3e80only B