figma.comsketch.com

5 shared+67 in sketch.com−88 in figma.com
Loading…

Colors

−240 shared+0

Only in figma.com

#FFFFFFonly A
#000000only A
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
rgba(0, 0, 0, 0.08)only A
#e6e6e6only 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

Typography

−170 shared+16

figma.com

Aa
figmaSans
18px · 330
only A
Aa
figmaSans
16px · 400
only A
Aa
figmaSans
16px · 320
only A
Aa
figmaSans
0px · 400
only A
Aa
figmaSans
24px · 540
only A
Aa
figmaSans
18px · 480
only A
Aa
figmaSans
0px · 330
only A
Aa
figmaSans
44px · 400
only A
Aa
figmaMono
16px · 400
only A
Aa
figmaSans
18px · 450
only A
Aa
figmaSans
24px · 320
only A
Aa
figmaSans
18px · 340
only A
Aa
figmaMono
12px · 400
only A
Aa
figmaSans
64px · 400
only A
Aa
figmaSans
16px · 330
only A
Aa
figmaSans
0px · 480
only A
Aa
figmaSans
24px · 700
only A

sketch.com

Aa
InterVariable
1rem · 600
only B
Aa
InterVariable
.875rem · 600
only B
Aa
Reckless
6rem · 500
only B
Aa
Reckless
5.5rem · 500
only B
Aa
Reckless
4.75rem · 500
only B
Aa
Reckless
3.5rem · 500
only B
Aa
Reckless
2.5rem · 500
only B
Aa
Reckless
2rem · 500
only B
Aa
Reckless
1.5rem · 500
only B
Aa
Reckless
1.25rem · 500
only B
Aa
InterVariable
.875rem · 400
only B
Aa
InterVariable
.6875rem · 600
only B
Aa
InterVariable
1.5rem · 400
only B
Aa
InterVariable
1.25rem · 400
only B
Aa
InterVariable
1rem · 400
only B
Aa
InterVariable
.9375rem · 400
only B

Spacing

−311 shared+19

figma.com

8px
0remonly A
0.125remonly A
0.25remonly A
0.28125remonly A
0.3125remonly A
0.35emonly A
0.375remonly A
0.5remonly A
0.625emonly A
0.625remonly A
0.67emonly A
0.75emonly A
0.75remonly A
1pxonly A
1remonly A
1.125remonly A
1.25remonly A
2pxonly A
6pxonly A
12pxonly A
16pxonly A
18pxonly A
20pxonly A
21pxonly A
24pxonly A
26.6667pxonly A
32pxonly A
53.3281pxonly A
53.3438pxonly A
60pxonly A
80pxonly A

sketch.com

8px
.0625remonly B
.1emonly B
.125remonly B
.1875remonly B
.2emonly B
var(--swiper-pagination-bullet-horizontal-gap,4px)only B
.25remonly B
calc(.25rem + 6px)only B
.3125remonly B
.35emonly B
var(--swiper-pagination-bullet-vertical-gap,6px)only B
.375remonly B
.4emonly B
.4375remonly B
.5remonly B
.5emonly B
.5625remonly B
.625emonly B
.625remonly B

Border Radius

−94 shared+16

figma.com

50%
8px
16px
18px
0.25remonly A
0.375remonly A
0.5remonly A
calc(var(--radius) + 0.125rem)only A
var(--radius)only A
3.125remonly A
2pxonly A
50pxonly A
4pxonly A

sketch.com

50%
8px
16px
18px
var(--swiper-pagination-bullet-border-radius,50%)only B
6pxonly B
1remonly B
.1875remonly B
9999pxonly B
.625remonly B
.34375remonly B
1.25remonly B
1.5remonly B
1.75remonly B
20pxonly B
12pxonly B
.5remonly B
0 12px 12px 0only B
1pxonly B
1.625rem 1.625rem 0 0only B

Shadows

−70 shared+16

figma.com

0 1px 0 rgba(0, 0, 0, 0.08)only A
inset 0 0 0 1px var(--f-text-color, #000000)only 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
0 0 0 2px #555dff8c,inset 0 1px 2px #0000001aonly 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
inset 0 1px 1px #0000000d,inset 0 1px 4px #ffffff80,inset 0 -2px 4px #000000f0,0 1px 4px #0003only B
inset 0 1px 1px #0000000d,inset 0 1px 4px #ffffff80,inset 0 -2px 4px #000000f0,0 1px 4px #0000000donly B
inset 0 1px 1px #0000000d,inset 0 1px 4px #ffffff80,inset 0 -2px 4px #000000f0,0 0 #0000only B

Try another comparison

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

New comparison